/* Pakhuis: page-specific tokens (part colours), scoped under #mcph. Hex only: the 3D view shades them. */
#mcph {
  --mcph-wall: #9a4f3c;
  --mcph-timber: #4a3524;
  --mcph-roof: #5d6066;
  --mcph-door: #6b4a2c;
  --mcph-shutter: #3f6b45;
  --mcph-floor: #9b7a52;
  --mcph-barrel: #8a6236;
  --mcph-crate: #b08d5a;
  --mcph-goods: #e3cf86;
  --mcph-glass: #a9d2de;
  --mcph-hook: #55585c;
  --mcph-accent: #ddd2ad;
  --mcph-base: #8c8d88;
  --mcph-paint: #d6a63e;
  --mcph-rail: #6e5034;
  --mcph-vault: #7f7a72;
  --mcph-buttress: #8f8a80;
  --mcph-column: #c9c4b8;
  --mcph-ladder: #a07a46;
  --mcph-earth: #8a6a45;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcph {
    --mcph-wall: #a85d48; --mcph-timber: #5e4530; --mcph-roof: #6c7077; --mcph-door: #7a5734; --mcph-shutter: #4c7d53;
    --mcph-floor: #8c6e4a; --mcph-barrel: #946b3d; --mcph-crate: #b0905f; --mcph-goods: #d8c47e; --mcph-glass: #8fbccb;
    --mcph-hook: #7a7e83; --mcph-accent: #cfc39f; --mcph-base: #7d7e79; --mcph-paint: #cf9f3c; --mcph-rail: #7d5d3e;
    --mcph-vault: #77726a; --mcph-buttress: #868177; --mcph-column: #b8b3a7; --mcph-ladder: #a7814c; --mcph-earth: #9a7850;
  }
}
:root[data-theme="dark"] #mcph {
  --mcph-wall: #a85d48; --mcph-timber: #5e4530; --mcph-roof: #6c7077; --mcph-door: #7a5734; --mcph-shutter: #4c7d53;
  --mcph-floor: #8c6e4a; --mcph-barrel: #946b3d; --mcph-crate: #b0905f; --mcph-goods: #d8c47e; --mcph-glass: #8fbccb;
  --mcph-hook: #7a7e83; --mcph-accent: #cfc39f; --mcph-base: #7d7e79; --mcph-paint: #cf9f3c; --mcph-rail: #7d5d3e;
  --mcph-vault: #77726a; --mcph-buttress: #868177; --mcph-column: #b8b3a7; --mcph-ladder: #a7814c; --mcph-earth: #9a7850;
}

#mcph .mcph-col { display: grid; gap: 14px; min-width: 0; }
#mcph .mcph-seg-small span { padding: 5px 4px; font-size: 12px; }
#mcph p.mcph-note { color: var(--mcdp-mark); font-size: 14px; }
#mcph .mcph-cut { display: flex; gap: 10px; align-items: center; font-size: 13px; color: var(--mcdp-muted); }
#mcph .mcph-cut input { flex: 1; min-width: 0; }
#mcph .mcph-row { display: flex; gap: 8px; align-items: center; }
#mcph .mcph-row .mcdp-pair { flex: 1; min-width: 0; }
#mcph .mcph-plan-head select { max-width: 60%; }
#mcph .mcdp-sw { display: inline-block; vertical-align: middle; }
.mcph-history h3 { margin-top: 18px; }
.mcph-history ul { margin: 6px 0 0; padding-left: 20px; }
.mcph-history li { margin: 3px 0; }