/* Selected Inspector: one compact property workspace, shared by native elements
   and protected member parts. No rules below reach into the site canvas. */
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] {
  --inspector-control-height: 32px;
}
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] [data-editor-inspector-navigation="selection"] { padding: 8px; }
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] [data-editor-inspector-tabs] {
  border: 0; border-radius: 6px; padding: 2px; background: var(--editor-experience-soft);
}
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] [data-editor-inspector-tabs] > [role="tab"] {
  min-height: 32px; height: 32px; border-radius: 4px; box-shadow: none;
}
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] [data-editor-inspector-scroll] { padding: 0; scroll-padding-block: 8px; }
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-scope-view]:not([data-editor-inspector-scope-view="selected"]) { padding: 12px; }
.inspector-stack { font-size: 12px; }
.inspector-selection-heading {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 12px; border-bottom: 1px solid var(--site-inspector-focus-border);
}
.inspector-selection-identity { flex: 1; min-width: 0; }
.inspector-selection-caption { display: block; margin-bottom: 2px; color: var(--site-inspector-focus-muted); font-size: 10px; }
.inspector-selection-heading h2 { margin: 0; color: var(--site-inspector-focus-text); font-size: 12px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.inspector-selection-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.inspector-protected-badge { color: var(--site-inspector-focus-muted); font-size: 9px; line-height: 1.4; }
.inspector-selection-device { padding: 3px 5px; border-radius: 4px; background: var(--editor-experience-soft); color: var(--site-inspector-focus-muted); font-size: 9px; white-space: nowrap; }
.inspector-stack-sections > section { border-bottom: 1px solid var(--site-inspector-focus-border); }
.inspector-section-heading { display: flex; align-items: center; min-width: 0; padding-right: 8px; }
.inspector-section-heading > button:first-child {
  display: flex; align-items: center; flex: 1; min-width: 0; min-height: 36px;
  gap: 7px; border: 0; background: transparent; padding: 6px 10px;
  color: var(--site-inspector-focus-text); text-align: left; font-size: 11px; font-weight: 600; cursor: pointer;
}
.inspector-section-heading > button:first-child > svg { flex-shrink: 0; width: 13px; height: 13px; color: var(--site-inspector-focus-muted); }
.inspector-section-heading .inspector-section-chevron { width: 11px; height: 11px; transition: transform 120ms ease; }
[data-expanded="true"] > .inspector-section-heading .inspector-section-chevron { transform: rotate(90deg); }
.inspector-section-heading > button:first-child:focus-visible { outline: 2px solid var(--site-inspector-focus-accent); outline-offset: -3px; border-radius: 4px; }
.inspector-section-body { padding: 4px 12px 12px; min-width: 0; }
.inspector-section-body [data-editor-inspector-topic-heading] { padding-top: 10px; font-size: 10px; color: var(--site-inspector-focus-muted); }

/* Tighten rhythm at shared field boundaries, not by scaling the entire panel. */
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [class*="space-y-"] > :not([hidden]) { margin-block: 0; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [class*="space-y-"] > :not([hidden]) ~ :not([hidden]) { margin-block-start: 8px; margin-block-end: 0; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-field-heading] { min-height: 24px; margin-bottom: 6px; gap: 6px; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-field-heading] > :is(h3, label) { font-size: 11px; font-weight: 500; line-height: 1.4; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), [role="combobox"]) {
  min-width: 0; min-height: var(--inspector-control-height); height: var(--inspector-control-height); border-radius: 5px; font-size: 11px;
}
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack textarea { min-height: 72px; font-size: 12px; border-radius: 5px; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-inspector-choice-tabs] { border-radius: 5px; gap: 2px; padding: 2px; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-inspector-choice-tabs] > [role="radio"] {
  min-height: var(--inspector-control-height); padding: 4px 6px; border-radius: 4px; font-size: 10px;
}
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-layout-choices] > [role="radiogroup"] { gap: 4px; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-layout-choices] > [role="radiogroup"] > button {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px;
  min-height: var(--inspector-control-height); padding: 5px 4px; font-size: 10px;
}
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-layout-choices] button > span[aria-hidden] { margin: 0; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-layout-choices] button svg { width: 14px; height: 14px; }
/* Labels name every choice without turning each option into a tall card. */
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-layout-choices] button > span[aria-hidden]:last-child:not(:first-child) { display: none; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-presets] > button {
  min-height: var(--inspector-control-height); padding: 4px 2px; gap: 0; border-radius: 4px;
}
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-preset-preview] { display: none; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-values] {
  grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px 4px; padding: 0; border: 0; background: transparent;
}
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-values] > label { grid-area: auto !important; text-align: left; font-size: 10px; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-values] > button {
  grid-area: auto !important; grid-column: 1 / -1 !important; flex-direction: row; gap: 6px; min-height: var(--inspector-control-height); font-size: 10px;
}
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack :is([data-editor-css-size], div:has(> [data-editor-field-heading] + [data-editor-value-control])) {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(90px, .8fr); align-items: center; gap: 8px;
}
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack :is([data-editor-css-size], div:has(> [data-editor-field-heading] + [data-editor-value-control])) > * { margin: 0 !important; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-layout-choice-picker] {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(100px, 1fr); align-items: center; gap: 8px;
}
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-layout-choice-picker] > * { margin: 0 !important; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-layout-choice-picker] > p { grid-column: 1 / -1; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-member-element-label] { display: none; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-font-picker="inspector"] { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); align-items: center; gap: 8px; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-font-picker="inspector"] > * { margin: 0 !important; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-font-picker="inspector"] > [data-editor-field-heading] > div { display: none; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-font-picker-trigger] { min-height: var(--inspector-control-height); padding: 5px 8px; gap: 8px; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-font-picker-trigger] > span:first-child > span[aria-hidden] { width: 20px; height: 20px; font-size: 11px; }
[data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-font-picker-trigger] > span:first-child > span:last-child > span:last-child:not(:first-child) { display: none; }

/* Administrative screens keep deep links, with the same quiet, compact rows. */
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] .site-inspector-focus-category { min-height: 44px; padding: 7px 9px; gap: 8px; }
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] .site-inspector-focus-category-icon { width: 22px; height: 22px; flex-basis: 22px; border: 0; background: transparent; }
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] .site-inspector-focus-header { padding: 8px; gap: 6px; border-radius: 6px; box-shadow: none; }
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] .site-inspector-focus-back { min-height: 32px; border: 0; padding: 4px; background: transparent; font-size: 11px; }
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] .site-inspector-focus-title-row h2 { font-size: 13px; }
[data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] .site-inspector-focus-content { padding-top: 10px; }
@media (min-width: 1024px) {
  [data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] { width: 20rem !important; }
  [data-site-editor-root] [data-editor-panel-collapse-tab="inspector"][data-editor-panel-collapse-tab] { right: 20rem !important; }
}
@media (hover: hover) {
  .inspector-section-heading:hover { background: var(--site-inspector-focus-hover); }
}
@media (pointer: coarse), (max-width: 767px) {
  [data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] { --inspector-control-height: 44px; }
  .inspector-section-heading > button:first-child { min-height: 44px; }
  [data-site-editor-root] [data-editor-inspector-panel][data-editor-inspector-panel] [data-editor-inspector-tabs] > [role="tab"] { min-height: 44px; height: 44px; }
  [data-site-editor-root] [data-editor-inspector-panel] .inspector-stack input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  [data-site-editor-root] [data-editor-inspector-panel] .inspector-stack textarea { font-size: 16px; }
  [data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-values] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  [data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-values] > label { display: flex; align-items: center; gap: 6px; }
  [data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-values] > label > span { min-width: 36px; margin: 0; }
  [data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-values] input { padding-left: 3px; font-size: 12px; }
  [data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-number-steppers] { display: none; }
  [data-site-editor-root] [data-editor-inspector-panel] .inspector-stack [data-editor-spacing-values] input { padding-right: 3px; }
}
@media (prefers-reduced-motion: reduce) { .inspector-section-chevron { transition: none; } }
@media (forced-colors: active) {
  .inspector-stack-sections > section, .inspector-selection-heading { border-color: CanvasText; }
  .inspector-section-heading > button:first-child:focus-visible { outline-color: Highlight; }
}