/* ============================================================
   Kakadu 120 Installation and Operating Manual — per-doc styles.
   The layout (cover, contents, chapter openers, rail, folios,
   callouts, tables, steps, back cover) is the shared booklet in
   ../../../../booklet.css; see DESIGN_NOTES.md § Booklet and
   brochure layouts. This file holds the product widgets (the HMI
   panel with its photo pins, button states, SOC bars, module grid)
   and the figure sizes.
   ============================================================ */

/* ---------- Cover: the cabinet render is portrait; stand it in the ring ---------- */
.booklet .cover__photo { left: 56mm; top: 98mm; width: 134mm; }

/* ---------- Figures ---------- */
/* "Figure 5.3" lead-in on the HMI caption (figure captions: booklet.css) */
.booklet .hmi__caption b { color: var(--fg-1); font-weight: 600; margin-right: 2mm; }
.booklet .fig-cabinet-door-open img { max-height: 84mm; }
.booklet .fig-shipping-consignments img { max-height: 60mm; }
.booklet .fig-accessories-box { margin-top: 0; }
.booklet .fig-accessories-box img { max-height: 90mm; }
.booklet .fig-bms-front-panel img { max-height: 70mm; }
.booklet .fig-module-front-panel { margin: 0; }
.booklet .fig-module-front-panel img { max-height: 79mm; }
.booklet .fig-foundation-drawing img { max-height: 74mm; }
.booklet .fig-step1 img { max-height: 60mm; }
.booklet .fig-step2 img { max-height: 56mm; }
.booklet .fig-step3 img { max-height: 180mm; }
.booklet .fig-step4 img { max-height: 150mm; }
.booklet .fig-step5 img { max-height: 180mm; }
.booklet .fig-step7 img { max-height: 186mm; }
.booklet .fig-step8 img { max-height: 180mm; }
.booklet .fig-step9 img { max-height: 180mm; }
.booklet .fig-parallel-cabinets img { max-height: 150mm; }
.booklet .fig-startup-sequence img,
.booklet .fig-shutdown-sequence img { max-height: 54mm; }
/* drawn figures: clearance plan and the communication chain */
.booklet svg.fig--plan { max-width: 148mm; padding: 3mm; font-family: var(--font-sans); }
.booklet svg.fig--chain { display: block; font-family: var(--font-sans); font-size: 15px; fill: var(--fg-1); }
.booklet .col2--panel { margin-top: 3mm; }

/* table column widths */
.booklet table.spec-table th.w60 { width: 60%; }
.booklet table.spec-table th.w22 { width: 22%; }
.booklet table.spec-table th.w12 { width: 12%; }
.booklet table.spec-table th.w28 { width: 28%; }

/* ---------- HMI panel: photo with numbered pins, and its legend ---------- */
.booklet .hmi { display: grid; grid-template-columns: 34mm 1fr; gap: 9mm; align-items: start; margin: 3mm 0 1mm; }
.booklet .photo-panel { position: relative; width: 34mm; }
.booklet .photo-panel img { display: block; width: 100%; border-radius: 3mm; }
/* pins: the rail pad, on the panel's right edge */
.booklet :is(.pin, .hmi__legend .k) {
  display: flex; align-items: center; justify-content: center;
  width: 6mm; height: 5.6mm;
  border: 0.4mm solid var(--or); border-radius: 1.6mm;
  background: var(--white);
  font-family: var(--font-label); font-size: 11px; font-weight: 600; line-height: 1;
  color: var(--fg-1);
}
.booklet .pin { position: absolute; right: -3mm; }
.booklet .pin:nth-of-type(1) { top: 8%; }
.booklet .pin:nth-of-type(2) { top: 32%; }
.booklet .pin:nth-of-type(3) { top: 52%; }
.booklet .pin:nth-of-type(4) { top: 62%; }
.booklet .pin:nth-of-type(5) { top: 73%; }
.booklet .pin:nth-of-type(6) { top: 87%; }
.booklet .hmi__legend { border-top: 0.5mm solid var(--bk-ink); }
.booklet .hmi__legend > div {
  display: grid; grid-template-columns: 9mm 1fr; gap: 2mm; align-items: start;
  padding: 1.8mm 0; border-bottom: 0.2mm solid var(--gray-300);
}
.booklet .hmi__legend b { display: block; font-size: 13px; font-weight: 600; color: var(--fg-1); }
.booklet .hmi__legend div > div > span { font-size: 12px; line-height: 1.45; color: var(--fg-2); }
.booklet .hmi__caption { font-size: 12px; color: var(--fg-3); margin: 2mm 0 3mm; display: block; text-align: left; }

/* ---------- HMI button states: the panel's buttons on the Cloud slate ---------- */
.booklet .states { display: flex; gap: 4mm; margin: 2mm 0 4mm; }
.booklet .states > div {
  width: 46mm;
  padding: 2.6mm 2.6mm 2mm;
  border: 0.35mm solid var(--gray-300); border-radius: 3mm;
  text-align: center;
}
.booklet .states .btn {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 2mm; padding: 2.4mm 3mm;
  border-radius: 1.6mm; background: var(--sheet-charcoal);
  font-size: 12px; font-weight: 500; color: var(--gray-200);
}
.booklet .states .cap { display: block; font-size: 12px; color: var(--fg-3); }
.booklet .states .modgrid + .cap { margin-top: 2mm; }
.booklet .led { display: inline-block; width: 2.2mm; height: 2.2mm; border-radius: 50%; background: #3a3f48; }
.booklet .led.g { background: #34c759; box-shadow: 0 0 0 0.6mm rgba(52, 199, 89, 0.22); }
.booklet .led.o { background: var(--or); box-shadow: 0 0 0 0.6mm rgba(242, 163, 50, 0.24); }

/* SOC bars (table 6.1) */
.booklet table.soctab td { vertical-align: middle; }
.booklet .bars { display: inline-flex; gap: 1mm; padding: 1.6mm 2.4mm; border-radius: 1.4mm; background: var(--sheet-charcoal); }
.booklet .bars i { display: block; width: 2mm; height: 5mm; border-radius: 0.3mm; background: var(--gray-100); }
.booklet .bars i.off { background: #3a3f48; }

/* Module status grid */
.booklet .modgrid {
  display: inline-grid; grid-template-columns: repeat(3, 1fr); gap: 1.2mm;
  padding: 2.4mm; border-radius: 1.6mm; background: var(--sheet-charcoal);
}
.booklet .modgrid i {
  display: block; width: 8mm;
  border: 0.3mm solid #3a3f48; border-radius: 1mm;
  font-family: var(--font-label); font-size: 11px; font-style: normal; line-height: 5.6mm;
  text-align: center; color: var(--sheet-muted);
}
.booklet .modgrid i.on { border-color: var(--or); color: var(--or); }

/* ---------- Pagination one-offs ---------- */
/* contents (.toc--compact): twelve entries and the safety notice share the inside cover */
.booklet .ifc .toc { margin-bottom: 6mm; }
.booklet .ifc .docmeta { grid-template-columns: 1.5fr 0.7fr 1fr 1.3fr 1fr; }
.booklet ul.sq:has(+ ul.no) { margin-bottom: 1mm; }
.booklet table.spec-table--xdense td { padding-top: 0.6mm; padding-bottom: 0.6mm; }
.booklet .hmi-figure { margin: 0; }
/* ---------- Contents: chapters and their numbered sections (3.1–8.2), as
   the manual listed them before the restyle; two columns, chapter 06 heads
   the second. ---------- */
.booklet .toc--sections { columns: 2; column-gap: 9mm; margin-bottom: 7mm; }
.booklet .toc--sections .toc__entry { break-inside: avoid; grid-template-columns: 9mm 1fr auto; gap: 0 3mm; }
.booklet .toc--sections .toc__entry--col { break-before: column; }
.booklet .toc--sections .toc__num { height: 7mm; font-size: 13px; }
.booklet .toc--sections .toc__name { font-size: 14px; }
.booklet .toc--sections .toc__page { font-size: 14px; }
.booklet .toc--sections .toc__entry--sub { padding: 0.9mm 0; }
.booklet .toc--sections .toc__entry--sub .toc__name { display: grid; grid-template-columns: 9mm 1fr; align-items: baseline; }
.booklet .toc__sec { font-family: var(--font-label); font-size: 11px; font-weight: 500; color: var(--fg-accent); }

/* Page 29 stacks three short chapters: a clear gap above openers 10 and 11. */
.booklet .page > :not(.opener) + .opener { margin-top: 12mm; }