/* Existing Expanded Story content layout; HM widget styles stay unchanged. */ /* Reuse the existing Storybook review card surface through inherited inputs. Only the outer Auto preview consumes these; its controls/artwork stay intact. */ .hm-orgchart-story-expanded .hm-orgchart-story-preview.sb-center { --hm-orgchart-expanded-preview-background: var(--sb-center-card-background); --hm-orgchart-expanded-preview-border: var(--sb-center-card-border); --hm-orgchart-expanded-preview-radius: var(--sb-center-card-radius); padding: 0; } .hm-orgchart-story-expanded .hm-orgchart-story-settings { display: grid; gap: 0.75rem; margin: 0; padding: 0; border: 0; min-width: 0; } /* StorySection supplies the visible heading; keep each fieldset named for assistive technology. */ .hm-orgchart-story-expanded .hm-orgchart-story-section-legend { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .hm-orgchart-story-expanded .hm-orgchart-story-controls { align-items: flex-start; } .hm-orgchart-story-expanded .hm-orgchart-story-instance { flex: 1 1 12rem; } .hm-orgchart-story-expanded .hm-orgchart-story-popup-setting { flex: 0 1 24rem; width: 100%; } .hm-orgchart-story-expanded .hm-orgchart-story-companies { margin: 0; } .hm-orgchart-story-expanded .hm-orgchart-story-company-trigger { width: 100%; min-width: 0; justify-content: space-between; } .hm-orgchart-story-expanded .hm-orgchart-story-company-summary { min-width: 0; overflow: hidden; text-overflow: ellipsis; text-align: left; } /* Popover is portaled outside StoryPage. Only this Story's content layout is composed here; the HM panel surface, padding and widget states stay intact. */ .hm-orgchart-story-company-popover { max-height: var(--radix-popover-content-available-height); overflow-y: auto; } .hm-orgchart-story-company-options { display: grid; gap: 0.75rem; margin: 0; padding: 0; border: 0; min-width: 0; }