/* =====================================================================
   Build mode, professional layer (38-build-pro.js): grouped tool rail, status bar, foldable coach,
   tighter inspector. Loaded after the other build stylesheets.
   ===================================================================== */
/* tool rail: labelled groups, compact square tools */
.bm-tools{gap:2px;padding:8px 7px}
.bm-tgrp{display:block;margin:10px 2px 3px;font:700 8.5px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:center}
.bm-tgrp:first-child{margin-top:2px}
.bm-tools button{padding:6px 0 5px;border-radius:8px}
.bm-tools button svg{width:18px;height:18px}
@media (max-width:860px){.bm-tgrp{display:none}}

/* status bar along the top of the plan (the canvas draws its scale bar at the bottom) */
.bm-status{position:absolute;left:0;right:0;top:0;z-index:1;display:flex;align-items:center;gap:0;height:26px;padding:0 10px;
  background:rgba(250,248,243,.94);border-bottom:1px solid #e3dfd4;font:500 11px/1 'JetBrains Mono',monospace;color:#5a606a;
  font-variant-numeric:tabular-nums;pointer-events:none;backdrop-filter:blur(6px)}
.bm-status>span{padding:0 12px;border-left:1px solid #e3dfd4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-status>span:first-child{padding-left:0;border-left:0}
.bm-st-tool{color:#16181c;font-weight:700}
.bm-st-pos{min-width:190px}
.bm-st-sel{margin-left:auto;border-left:0!important}
.bm-readout{display:none}            /* the status bar shows the cursor position */
@media (max-width:1100px){.bm-st-sel{display:none}}

/* coach card: folds to a single line */
.bm-coach{padding-right:64px}
.bm-coach-min{position:absolute;top:8px;right:8px;height:24px;padding:0 9px;border-radius:7px;border:1px solid #d9d5ca;background:#fff;
  color:#5a606a;font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.bm-coach-min:hover{border-color:#8a8f98;color:#16181c}
.bm-coach-min:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.bm-coach.min{right:auto;max-width:calc(100% - 250px);padding:7px 84px 7px 12px}
.bm-coach.min .bm-coach-next{display:none}
.bm-coach.min .bm-coach-tool{display:block;max-width:440px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* inspector: section titles with a hairline, aligned swatches */
.bm-side>section{padding:12px 0}
.bm-ph{display:flex;align-items:center;gap:8px;margin:4px 0 10px}
.bm-ph::after{content:'';flex:1;height:1px;background:var(--stroke)}
.bm-sws{gap:4px}
.bm-sw{padding:6px 2px}
.bm-sw i{width:34px;height:34px}