/* Shelf configurator — the bits that are shelf-only.
 *
 * Everything shared with the bench (tokens, cards, segmented pills, sliders,
 * value boxes, price, CTA, trust badges, orbit hint, responsive behaviour)
 * lives in ../configurator/base.css, which widget.js loads first. Only the
 * shelf's own 2D elevation/plan drawing is left here.
 *
 * Page chrome (headings, page width, body fonts) is the host page's job.
 */

/* The 2D drawing — plywood tones shared with the 3D materials so the shelf
   looks like the same object in either view. Strokes are in user units
   (the viewBox is 100 tall), not pixels. */
.unfn-cfg svg.unfn-scene .unfn-part { fill: var(--wood-part); stroke: var(--wood-line); stroke-width: 0.09; stroke-linejoin: round; }
.unfn-cfg svg.unfn-scene .unfn-shelf { fill: var(--wood-top); }
.unfn-cfg svg.unfn-scene .unfn-leg { fill: var(--wood-part); }
.unfn-cfg svg.unfn-scene .unfn-dim { stroke: rgba(21,19,15,0.5); stroke-width: 0.08; }
.unfn-cfg svg.unfn-scene .unfn-dimlabel { font-size: 3px; }