/* Styles of the 3D room preview (static/vendor/room3d.js) — the same classes and colours as the client form.
   Used by the admin panel and the printable document. */
:root {
  --r3-floor: #efe8de;
  --r3-grid: rgba(95, 72, 44, .085);
  --r3-face: #fbf8f4;
  --r3-seam: rgba(92, 70, 44, .17);
  --r3-shade: #2a1b0b;
  --r3-cap: #303030;
  --r3-end: #4a4a4a;
  --r3-band: #3a3a3a;
  --r3-ghost: rgba(40, 36, 30, .34);
  --r3-shadow: rgba(70, 48, 22, .30);
  --r3-door: #cdae86;
  --r3-door-line: rgba(84, 58, 30, .5);
  --r3-glass: #d6e4e8;
  --r3-frame: #ffffff;
  --r3-badge: #ffffff;
  --r3-badge-ink: #0b1613;
  --r3-badge-line: rgba(11, 22, 19, .16);
  --r3-hl: #c8ab88;
  --r3-fx: #ffffff;
  --r3-fx-line: rgba(60, 52, 42, .45);
  --r3-bs: #e2cfb4;
  --r3-counter: #f4f1ec;
  --r3-worktop: #b89a78;
  --r3-hood: #c9cdd0;
  --r3-hob: #26282a;
}
:root[data-theme="dark"] {
  --r3-floor: #27231d;
  --r3-grid: rgba(255, 240, 220, .05);
  --r3-face: #3b362f;
  --r3-seam: rgba(255, 244, 228, .1);
  --r3-shade: #000000;
  --r3-cap: #e6ded2;
  --r3-end: #c9c0b3;
  --r3-band: #d8cfc2;
  --r3-ghost: rgba(240, 230, 215, .32);
  --r3-shadow: rgba(0, 0, 0, .75);
  --r3-door: #8b6c49;
  --r3-door-line: rgba(255, 230, 200, .35);
  --r3-glass: #455a61;
  --r3-frame: #8c8378;
  --r3-badge: #0d0c0a;
  --r3-badge-ink: #f3eee8;
  --r3-badge-line: rgba(243, 238, 232, .24);
  --r3-fx: #d9d3c9;
  --r3-fx-line: rgba(20, 16, 12, .55);
  --r3-bs: #7a6450;
  --r3-counter: #cfc8bd;
  --r3-worktop: #8a6f53;
  --r3-hood: #9aa0a4;
  --r3-hob: #141516;
}
.r3 { font-family: var(--font); overflow: visible; }
.r3-shadow { fill: var(--r3-shadow); opacity: .5; }
.r3-floor { fill: var(--r3-floor); }
.r3-grid { fill: none; stroke: var(--r3-grid); stroke-width: 1; }
.r3-face { fill: var(--r3-face); stroke: var(--r3-seam); stroke-width: .8; stroke-linejoin: round; transition: fill .3s ease; }
.r3-face.is-hl { fill: color-mix(in srgb, var(--r3-hl) 46%, var(--r3-face)); }
.r3-shade { fill: var(--r3-shade); pointer-events: none; }
.r3-seam { fill: none; stroke: var(--r3-seam); stroke-width: 1; }
.r3-cap, .r3-end, .r3-band { stroke-width: .7; stroke-linejoin: round; }
.r3-cap { fill: var(--r3-cap); stroke: var(--r3-cap); }
.r3-end { fill: var(--r3-end); stroke: var(--r3-end); }
.r3-band { fill: var(--r3-band); stroke: var(--r3-band); }
.r3-cap.is-hl, .r3-band.is-hl { fill: var(--r3-hl); stroke: var(--r3-hl); }
.r3-ghost { fill: none; stroke: var(--r3-ghost); stroke-width: 1; stroke-dasharray: 3 4; }
.r3-ghostface { fill: var(--r3-hl); fill-opacity: .18; stroke: var(--r3-hl); stroke-width: 1.3; stroke-dasharray: 5 3; }
.r3-door { fill: var(--r3-door); stroke: var(--r3-door-line); stroke-width: 1; stroke-linejoin: round; }
.r3-handle { stroke: var(--r3-door-line); stroke-width: 2.2; stroke-linecap: round; }
.r3-glass { fill: var(--r3-glass); stroke: none; }
.r3-frame { fill: none; stroke: var(--r3-frame); stroke-width: 1.6; stroke-linejoin: round; }
.r3-gap { fill: var(--r3-floor); }
.r3-part { fill: color-mix(in srgb, var(--r3-face) 86%, var(--r3-hl)); stroke: color-mix(in srgb, var(--r3-seam) 60%, var(--r3-hl)); stroke-width: 1; }
/* bathtub (enamel white; its sides in the panel colour when they get panels) and shower cabin (tray + glass) */
.r3-fx { fill: var(--r3-fx); stroke: var(--r3-fx-line); stroke-width: .9; stroke-linejoin: round; }
.r3-fx-top { stroke-width: 1.1; }
.r3-fx-clad { stroke: var(--r3-fx-line); }
.r3-basin { fill: var(--r3-glass); stroke: var(--r3-fx-line); stroke-width: .8; stroke-linejoin: round; }
.r3-fx-line { fill: none; stroke: var(--r3-fx-line); stroke-width: .8; }
.r3-cabin { fill: var(--r3-glass); fill-opacity: .32; stroke: var(--r3-fx-line); stroke-width: 1.1; stroke-linejoin: round; }
.r3-cabin.is-back { fill-opacity: .14; stroke-opacity: .6; }
.r3-cabin-top { fill: none; stroke: var(--r3-fx-line); stroke-width: 1.4; stroke-linejoin: round; }
/* kitchen: the backsplash (in the colour of the chosen panel), worktop with sink and hob, extractor hood, wall cabinet */
.r3-bs { fill: var(--r3-bs-c, var(--r3-bs)); fill-opacity: .55; stroke: var(--r3-fx-line); stroke-width: .9; stroke-dasharray: 4 3; stroke-linejoin: round; }
/* the kitchen furniture only as a sketch: half transparent */
.r3-kit { opacity: .6; }
.r3-bs.is-hl { stroke: var(--r3-hl); stroke-width: 1.6; }
.r3-bs--plan { stroke-width: .6; }
.r3-bs-seam { fill: none; stroke: var(--r3-fx-line); stroke-width: .7; opacity: .55; }
.r3-counter { fill: var(--r3-counter); stroke: var(--r3-fx-line); stroke-width: .9; stroke-linejoin: round; }
.r3-counter-top { fill: var(--r3-worktop); }
.r3-hood { fill: var(--r3-hood); stroke: var(--r3-fx-line); stroke-width: .9; stroke-linejoin: round; }
.r3-sink { fill: var(--r3-glass); stroke: var(--r3-fx-line); stroke-width: .8; stroke-linejoin: round; }
.r3-tap { fill: var(--r3-fx-line); }
.r3-hob { fill: var(--r3-hob); stroke: none; }
.r3-hob-ring { fill: none; stroke: #8a8d90; stroke-width: .8; }
.r3-swing { fill: none; stroke: var(--r3-door-line); stroke-width: 1; stroke-dasharray: 3 3; }
.r3-leaf { stroke: var(--r3-door-line); stroke-width: 1.8; stroke-linecap: round; }
.r3-badge circle { fill: var(--r3-badge); stroke: var(--r3-badge-line); stroke-width: 1; }
.r3-badge text { fill: var(--r3-badge-ink); font-size: 11px; font-weight: 750; text-anchor: middle; }
.r3-badge.is-hl circle { fill: var(--r3-hl); stroke: var(--r3-hl); }
.r3-badge.is-hl text { fill: var(--on-accent, #1d150c); font-size: 12px; font-weight: 800; }
.r3-dim { fill: var(--muted, #69706c); font-size: 11px; font-weight: 650; text-anchor: middle; font-variant-numeric: tabular-nums; }
.r3-dim.is-hl { fill: var(--accent-ink, #8a6a43); font-weight: 800; }
.r3-dim { paint-order: stroke; stroke: var(--surface-2, #fbf9f6); stroke-width: 3px; stroke-linejoin: round; }
.r3-leader { fill: none; stroke: var(--muted, #69706c); stroke-width: .8; stroke-dasharray: 2 2; opacity: .7; }
.r3-pill rect { fill: var(--r3-hl); }
.r3-pill text { fill: var(--on-accent, #1d150c); font-size: 11.5px; font-weight: 750; text-anchor: middle; font-variant-numeric: tabular-nums; }