/* Trappenplanner: part colours and layout, scoped under #mctr. Hex only: the 3D view shades them. */
#mctr {
  --mctr-landing: #4f8f86;
  --mctr-under: #8d9590;
  --mctr-stringer: #6e6a5e;
  --mctr-railing: #8a6a3e;
  --mctr-handrail: #b38a52;
  --mctr-post: #5e4628;
  --mctr-lamp: #f2c14e;
  --mctr-planter: #9a5b45;
  --mctr-plant: #5f9a3a;
  --mctr-ladder: #b0884f;
  --mctr-scaffold: #d9c27a;
  --mctr-wall: #9c9284;
  --mctr-bad: #d1453b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mctr {
    --mctr-landing: #5aa59b; --mctr-under: #6d7570; --mctr-stringer: #807a6b; --mctr-railing: #a07c48; --mctr-handrail: #c49a5e;
    --mctr-post: #7a5c36; --mctr-lamp: #f0c56a; --mctr-planter: #a8644d; --mctr-plant: #6fae47; --mctr-ladder: #c09658;
    --mctr-scaffold: #d9c27a; --mctr-wall: #8a8174; --mctr-bad: #ef6b60;
  }
}
:root[data-theme="dark"] #mctr {
  --mctr-landing: #5aa59b; --mctr-under: #6d7570; --mctr-stringer: #807a6b; --mctr-railing: #a07c48; --mctr-handrail: #c49a5e;
  --mctr-post: #7a5c36; --mctr-lamp: #f0c56a; --mctr-planter: #a8644d; --mctr-plant: #6fae47; --mctr-ladder: #c09658;
  --mctr-scaffold: #d9c27a; --mctr-wall: #8a8174; --mctr-bad: #ef6b60;
}
#mctr .mctr-views { grid-template-columns: minmax(0, 1fr); }
#mctr .mctr-seg-small span { padding: 6px 2px; font-size: 12px; }
#mctr p.mctr-warn { color: var(--mctr-bad); font-size: 14px; font-weight: 700; }
#mctr p.mctr-ok { color: var(--mcdp-muted); font-size: 14px; }
#mctr .mctr-sw-list { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 13px; color: var(--mcdp-muted); }