/* STORE-11: focused cable controls reuse the approved overview editor tokens. */
.sfe-panel { left: auto; right: 12px; width: 286px; }
.sfe-body { padding: 12px; }
.sfe-edit-view { margin: 0; padding: 10px 12px; border-bottom: 1px solid var(--ex-line-2); }
.sfe-tools { margin: 0; padding: 8px 12px; border-bottom: 1px solid var(--ex-line-2); }
.sfe-product-controls > button { width: 100%; }
.sfe-extend { width: 100%; }
.sfe-live-layout { width: 100%; margin-bottom: 12px; }
.sfe-product-box { transform: none; border: 1px dashed var(--brand-ink); border-radius: 8px; background: transparent; box-shadow: none; }
.sfe-product-resize { z-index: 3; }
.sfe-editing.sfe-product-editing [data-system-focus-link],
.sfe-editing.sfe-product-editing [data-system-focus-link] path { pointer-events: none; }
.sfe-panel.sfe-collapsed .sfe-body { display: none; }
.sfe-panel.sfe-collapsed .soe-header { border-bottom: 1px solid var(--ex-line-2); }
.sfe-panel > .soe-header > button { min-width: 40px; }
.sfe-panel .soe-appearance > button { margin-bottom: 10px; }
.sfe-handles .soe-segment-handle { opacity: 0; }
.sfe-handles .soe-segment-handle:is(.soe-selected-handle,:hover,:focus-visible) { opacity: 1; }
.sfe-editing [data-system-focus-link] { pointer-events: stroke; cursor: move; touch-action: none; }
.sfe-editing:not(.sfe-product-editing):not(.sfe-view-panning) [data-system-focus-caption] {
  z-index: 8; pointer-events: auto; cursor: grab; touch-action: none; user-select: none;
  font-size: calc(12px / var(--sfe-caption-scale, 1)); line-height: 1.35;
  min-height: calc(32px / var(--sfe-caption-scale, 1));
  padding: calc(6px / var(--sfe-caption-scale, 1)) calc(10px / var(--sfe-caption-scale, 1));
}
.sfe-editing [data-system-focus-caption]:focus-visible {
  outline: calc(2px / var(--sfe-caption-scale, 1)) solid var(--brand-ink);
  outline-offset: calc(3px / var(--sfe-caption-scale, 1));
}
.sfe-inspection .sfe-grid-controls { align-items: end; }
.sfe-grid-controls label { min-width: 0; color: var(--ex-dim); font-size: 10px; }
.sfe-grid-controls select { display: block; width: 100%; margin-top: 3px; }
.sfe-phone-studio { display: block; margin-top: 8px; color: var(--brand-ink); font-size: 11px; text-underline-offset: 3px; }
.sfe-phone-studio:focus-visible { outline: 2px solid var(--brand-ink); outline-offset: 3px; }
.sfe-grid { position: fixed; z-index: 10005; overflow: hidden; outline: 0; pointer-events: none; }
.sfe-grid[hidden], .sfe-grid [hidden], .sfe-pan-surface[hidden] { display: none !important; }
.sfe-view-panning .sfe-handle { pointer-events: none; }
.sfe-pan-surface { z-index: 10011; }
@media (max-width: 920px) { .sfe-panel, .sfe-handles, .sfe-grid, .sfe-pan-surface { display: none !important; } }
.soe-edit-view { margin: 0; padding: 10px 12px; border-bottom: 1px solid var(--ex-line-2); }
