Cyber dresses every .panel-collapsible wrapper as a surface with an inset ring, so a panel other than Display showed that ring as a line along its edge beside the open tab and a slightly different tone from the tab. Under the tabs the join is the only surface.
Co-Authored-By: Claude Fable 5.1 <[email protected]>
The strip traces the joined silhouette of the open panel and its tab as an SVG path (rounded corners, concave fillets; Cyber's chamfered frame and a square tab) and keeps a join element under the panels: one layer blurs and tints the backdrop inside the path, an SVG strokes the outline along it and another casts the drop shadow. The panel card and the tab draw no surface of their own, so the junction has no seam, doubled edge or second blur region. Cyber's generic selected-button treatment is kept off the tab.
Co-Authored-By: Claude Fable 5.1 <[email protected]>
The open tab and its panel share one glass surface and one outline, like a folder tab: the panel card draws no border of its own, the rail's ::before draws the outline with a notch at the tab, the tab closes the shape with its own borders and two concave fillets round the inner corners. The strip publishes the open tab's extent and the panel's height on the rail; a short panel grows to reach its tab. Cyber joins square below its chamfer. Unselected tabs are plain labels.
Co-Authored-By: Claude Fable 5.1 <[email protected]>
