/* Brand pass for the live panels and product screens (Solution, RotoSight, PiatIQ).
   Palette: black / white / grey + brand orange #f7861e as a small accent; problems in burnt orange #c2410c.
   No green, navy, blue or purple. Loaded after the page styles. */

/* ---------- live panels: light card ---------- */
.lw { background: radial-gradient(rgba(0,0,0,.04) 1px, transparent 1.3px) 0 0 / 16px 16px, #fff;
  box-shadow: 0 24px 44px -34px rgba(0,0,0,.28), 0 0 0 1px #e8e8e8; color: #111; }
.lw-map { background: none; box-shadow: none; }
.lw-gcard, .lw-card { background: #fff; box-shadow: 0 20px 36px -30px rgba(0,0,0,.25), 0 0 0 1px #e8e8e8; color: #111; }
.lw-led { background: #f7861e; }
@keyframes lw-pulse { 0% { box-shadow: 0 0 0 0 rgba(247,134,30,.5); } 70%, 100% { box-shadow: 0 0 0 7px rgba(247,134,30,0); } }
.lw-tip { background: #111; color: #fff; box-shadow: 0 10px 24px -8px rgba(0,0,0,.35); }
.lw-k, .lw-tile, .lw-card li, .lw-log, .pm-tile, .pm-row { background: #f7f7f7; box-shadow: inset 0 0 0 1px #ececec; }
.lw-k small, .lw-tile small, .lw-tile em, .lw-card li, .gm-rate, .pm-tile span, .pm-row em, .lw-node small { color: #6b6b6b; }
.lw-k b, .lw-tile b, .lw-card h3, .lw-card li b, .gm-rate b, .lw-gcard b, .pm-tile b, .pm-row b, .pm-v, .lw-t, .lw-node b { color: #111; }
.lw-k.ok b, .pm-tile.vis span { color: #111; }
.lw-k.rec b, .pm .pm-n { color: #e56f06; }
.lw-k.bad b, .lw-log .bad { color: #c2410c; }
.lw-st { background: #f2f2f2; color: #111; }
.lw-st.ok { background: #fff1e2; color: #c25e00; } .lw-st.rec { background: #fff1e2; color: #c25e00; } .lw-st.bad { background: #fde8dc; color: #c2410c; }
.lw-rec { background: #f2f2f2; color: #111; } .lw-rec i { background: #c2410c; } .lw-rec i.ok { background: #f7861e; }
.lw-tabs button { background: #f2f2f2; color: #6b6b6b; } .lw-tabs button.on { background: #111; color: #fff; }
.gr-q { border-color: #cfcfcf; color: #e56f06; }
.lw-pipe::before { background: #e3e3e3; }
.lw-node i { border-color: #cfcfcf; background: #fff; } .lw-node.done i { border-color: #111; background: #111; } .lw-node.bad i { border-color: #c2410c; background: #c2410c; }
.lw-tok { background: #f7861e; box-shadow: 0 0 10px rgba(247,134,30,.5); } .lw-tok.bad { background: #c2410c; }
.lw-gcard small { color: #c25e00; } .lw-gcard em { color: #8a8a8a; }
.gm-cyc i { background: #111; } .gm-cyc i.bad { background: #c2410c; }
.pm-tile.hid.found { background: #fff1e2; box-shadow: inset 0 0 0 1px #f7861e; } .pm-tile.hid.found b { color: #111; } .pm-tile.hid.found span { color: #c25e00; }
.pm-tile.hid:not(.found) { outline-color: #cfcfcf; } .pm-tile.hid b { color: #9a9a9a; }
.pm-sweep { background: #f7861e; box-shadow: 0 0 12px 2px rgba(247,134,30,.45); }
.pm-pill { background: #f2f2f2; color: #6b6b6b; } .pm-row.on .pm-pill { background: #111; color: #fff; }
.pm-tag { background: #f2f2f2; color: #6b6b6b; } .pm-tag.ok { background: #111; color: #fff; } .pm-tag.bad { background: #fde8dc; color: #c2410c; }
.pm-tol { background: #ececec; } .pm-ok { background: rgba(247,134,30,.35); }
.pm-mk { background: #111; box-shadow: none; } .pm-mk.bad { background: #c2410c; }
.pm-hist i { background: #ececec; } .pm-hist i.ok { background: #111; } .pm-hist i.bad { background: #c2410c; }

/* ---------- review fixes: no empty band in the evidence cards; golden map tiles use their width ---------- */
.mc .lw-sm .lw-ft { min-height: 0; }
.gm-arms li, .gm-molds li { grid-template-columns: 1fr auto; align-items: center; column-gap: 8px; }
.gm-arms li > span, .gm-arms li > b, .gm-molds li > span, .gm-molds li > b { grid-column: 1; }
.gm-arms li > .lw-st, .gm-molds li > .lw-st { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.gm-arms li > .lw-st { padding: 4px 9px; font-size: 12px; } .gm-arms li > b { font-size: 15px; }
.lw-card .gm-cyc { grid-column: 2; display: flex; gap: 6px; } .lw-card .gm-cyc i { flex: 1; height: 22px; }
.lw-card .gm-rate { grid-column: 2; margin: 0; }
.lw-card:has(.gm-cyc) h3 { grid-row: 1 / 3; }
@media (max-width: 900px) { .lw-card .gm-cyc, .lw-card .gm-rate { grid-column: 1; } .lw-card:has(.gm-cyc) h3 { grid-row: auto; } }

/* ---------- RotoSight "Live plant" strip ---------- */
.lv { background: radial-gradient(rgba(0,0,0,.04) 1px, transparent 1.3px) 0 0 / 16px 16px, #fff; box-shadow: 0 24px 44px -34px rgba(0,0,0,.28), 0 0 0 1px #e8e8e8; }
.lv-head { color: #111; } .lv-head i { background: #f7861e; } .lv-head small { color: #8a8a8a; }
.lv-track .s1, .lv-key .k1::before { background: #f7861e; }
.lv-track .s2, .lv-key .k2::before { background: #9a9a9a; }
.lv-track .s3, .lv-key .k3::before { background: #3a3a3a; }
.lv-track .s4, .lv-key .k4::before { background: #d4d4d4; }
.lv-st .a1 { color: #c25e00; } .lv-st .a2 { color: #6b6b6b; } .lv-st .a3 { color: #111; } .lv-st .a4 { color: #8a8a8a; }
.lv-pin { border-color: #111; }
.lv-note, .lv-key li { color: #3a3a3a; }

/* ---------- RotoPour "Recipe Manager" screens ---------- */
.scr.done .scr-body, .scr.done .scr-foot { background: #fff7ee; }
.scr.over .scr-body, .scr.over .scr-foot { background: #fff1ea; }
.scr.done .d-fg { stroke: #f7861e; } .scr.over .d-fg { stroke: #c2410c; }
.scr.done .scr-msg { color: #111; } .scr.over .scr-msg { color: #c2410c; }
.scr.over .scr-btn { background: #fde3d3; color: #c2410c; }
.scr-bar span { color: #111; }


/* phone fixes: let story cards, map cards and hero visuals shrink to the screen */
@media (max-width: 700px) {
  .sc, .sc-art, .sc-art.lwrap, .wsc, .lw-mapg, .lw-mapg > *, .lw-cards, .lw-card, .pvisual, .bstage { min-width: 0; max-width: 100%; }
  .sc-art.lwrap .wsc { height: auto; min-height: 0; }
  .lw-card ul { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-auto-flow: row !important; }
  .lw-card li { white-space: normal; min-width: 0; }
  .pvisual, .bstage { overflow: hidden; }
}
@media (max-width: 700px) { .wsc-ft { flex-wrap: wrap; min-height: 0; } .wsc-ft p { white-space: normal; } }