/* Console: the now board (docs/console/PLAN.md lane C4). Scoped to [data-ui="chartroom"]. */

/* ---- Heading and the stamped verdict strip ------------------------------------------------- */
[data-ui="chartroom"] .crb-now { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-head { margin-bottom: 10px; }
[data-ui="chartroom"] .crb-now .crb-decide .crb-section__head.crb-head--verdict { margin: 0 0 12px; }
[data-ui="chartroom"] .crb-now .crb-decide .crb-h2.crb-h2--verdict {
  display: flex; align-items: center; gap: 12px; margin: 0; padding: 8px 14px 8px 10px; color: var(--pc-paper);
  background: var(--pc-sea); border: 2px solid var(--pc-ink); border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(201, 151, 58, .5);
  font: 700 clamp(16px, 1.6vw, 21px)/1.15 var(--cr-cond); letter-spacing: .09em; text-transform: uppercase;
}
[data-ui="chartroom"] .crb-now .crb-h2--verdict .crb-glyph { display: none; }
[data-ui="chartroom"] .crb-now .crb-h2--verdict .crb-count {
  display: inline-grid; place-items: center; flex: none; min-width: 40px; height: 40px; margin: 0; padding: 0 6px; box-sizing: border-box;
  color: var(--pc-ink); background: radial-gradient(circle at 35% 30%, var(--pc-brass-hi), var(--pc-brass) 70%);
  border: 2px solid #75531b; border-radius: 50%; font: 700 22px/1 var(--cr-cond); letter-spacing: 0; vertical-align: 0;
}
[data-ui="chartroom"] .crb-now .crb-verdict { color: var(--pc-paper); }
[data-ui="chartroom"] .crb-now .crb-count__note { color: var(--pc-amber); }

/* ---- The hero decision --------------------------------------------------------------------- */
[data-ui="chartroom"] .crb-now .crb-hero { margin: 4px 0 14px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row.crb-row--decide {
  position: relative; display: grid; align-items: center; gap: 4px 22px; padding: 18px 22px 16px; min-height: 0;
  grid-template-columns: auto minmax(220px, 270px) minmax(0, 1fr) minmax(190px, auto) auto;
  grid-template-areas: "reco reco reco reco reco" "pick ship route rate ring" "pick ship facts rate ring" "pick ship act act act";
  background: var(--pc-paper-hi); border: 1px solid var(--pc-ink); border-top: 5px solid var(--pc-brass); border-radius: 2px;
  box-shadow: 4px 4px 0 color-mix(in srgb, var(--pc-steel) 55%, transparent);
}
[data-ui="chartroom"] .crb-now .crb-hero .crb-reco { grid-area: reco; margin: 0 0 4px; padding: 0 0 8px; border-bottom: 1px solid color-mix(in srgb, var(--pc-ink) 40%, transparent); white-space: normal; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-hero__cap { color: var(--pc-teal); }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__pick { grid-area: pick; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__pick:empty { display: none; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__ship { grid-area: ship; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__ship > svg,
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__ship > .cr-hullplate { display: block; width: 100%; max-width: 270px; height: auto; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__who { flex-direction: column; align-items: flex-start; gap: 6px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__name { margin: 0; font: 700 28px/1.05 var(--cr-serif); color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__waits--tag {
  display: inline-block; margin: 0; padding: 5px 9px 4px; color: #fff; background: #3E7A3A; border-radius: 2px;
  font: 700 14px/1 var(--cr-cond); letter-spacing: .08em; text-transform: uppercase;
}
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__waits--at_sea { background: var(--pc-steel); }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__waits--yard,
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__waits--repair { background: var(--pc-amber); color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__offer { display: contents; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-offer__to { grid-area: route; align-self: end; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin: 0; color: var(--pc-ink); font: 700 clamp(22px, 2.2vw, 30px)/1.1 var(--cr-cond); letter-spacing: .03em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-routeglyph { color: var(--pc-teal); flex: none; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-offer__facts { grid-area: facts; align-self: start; margin: 0; color: var(--pc-steel); font: 600 16px/1.3 var(--cr-body); white-space: normal; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-offer__taken { grid-area: facts; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-offer__rate { grid-area: rate; justify-self: end; margin: 0; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; white-space: normal; font-size: 0; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-rate__net { color: #8a5f12; font: 700 30px/1 var(--cr-cond); letter-spacing: .03em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-rate__day { color: var(--pc-steel); font: 600 15px/1.2 var(--cr-body); }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__time { grid-area: ring; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__time .crb-ring { width: 72px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__act {
  grid-area: act; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 10px; padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, var(--pc-ink) 40%, transparent);
}
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__act > .cr-plate {
  grid-area: auto; width: auto; min-width: 250px; min-height: 52px; padding: 0 28px; border: 2px solid #5b3f10; border-image: none; border-radius: 2px;
  color: var(--pc-ink); background: linear-gradient(180deg, var(--pc-brass-hi), var(--pc-brass)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 #5b3f10;
  font: 700 21px/1 var(--cr-cond); letter-spacing: .08em; text-transform: uppercase;
}
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__act > .cr-plate .cr-plate__label { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-hero .crb-hero__then { grid-area: auto; margin: 0; color: var(--pc-ink); font: 600 16px/1.3 var(--cr-body); white-space: normal; text-align: left; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-more { display: block; margin-left: auto; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-more__btn { grid-area: auto; min-height: 44px; padding: 0 16px; color: var(--pc-paper); background: var(--pc-steel); border: 1px solid var(--pc-ink); border-radius: 2px; text-decoration: none; font: 700 15px/1 var(--cr-cond); letter-spacing: .08em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-more__list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row.is-shout { box-shadow: 4px 4px 0 color-mix(in srgb, var(--pc-warn) 60%, transparent); }

/* ---- Then: the folded list ----------------------------------------------------------------- */
[data-ui="chartroom"] .crb-now .crb-then { margin: 4px 0 6px; padding-bottom: 6px; border-bottom: 2px solid var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-then__label { color: var(--pc-ink); font: 700 18px/1 var(--cr-cond); letter-spacing: .1em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row--decide { min-height: 64px; align-items: center; border-bottom: 1px solid var(--pc-ink); }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table__head { border-bottom: 2px solid var(--pc-ink); color: var(--pc-steel); letter-spacing: .1em; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row__ship { display: flex; align-items: center; gap: 10px; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row__ship > svg,
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row__ship > .cr-hullplate { display: block; flex: none; width: 84px; height: auto; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row__name { font: 700 19px/1.1 var(--cr-serif); }
[data-ui="chartroom"] .crb-now .crb-table .cr-plate:not(.cr-plate--bone) { border-image: none; border: 1px solid var(--pc-ink); border-radius: 2px; color: var(--pc-paper); background: linear-gradient(180deg, #5d7886, var(--pc-steel)); }

/* ---- Since you left: the Log panel --------------------------------------------------------- */
[data-ui="chartroom"] .crb-now .crb-away.crb-away--row {
  position: relative; display: flex; align-items: center; gap: 14px; margin: 6px 0 14px; padding: 12px 120px 12px 18px; min-height: 52px; color: var(--pc-ink);
  background: repeating-linear-gradient(180deg, transparent 0 25px, rgba(79, 107, 120, .28) 25px 26px), var(--pc-paper-hi);
  border: 1px solid var(--pc-ink); border-left: 6px solid var(--pc-teal); border-radius: 2px; box-shadow: 3px 3px 0 color-mix(in srgb, var(--pc-steel) 45%, transparent);
}
[data-ui="chartroom"] .crb-now .crb-away__lead { flex: 1 1 auto; margin: 0; color: var(--pc-ink); font: 500 17px/26px var(--cr-body); }
[data-ui="chartroom"] .crb-now .crb-away__what { font-weight: 700; }
[data-ui="chartroom"] .crb-now .crb-away__next { color: var(--pc-steel); }
[data-ui="chartroom"] .crb-now .crb-away__log,
[data-ui="chartroom"] .crb-now .crb-away__fold { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-away__stamp {
  position: absolute; top: 50%; right: 16px; transform: translateY(-50%) rotate(-5deg); padding: 4px 10px 3px; color: var(--pc-teal); border: 3px double var(--pc-teal); border-radius: 3px;
  font: 700 17px/1 var(--cr-cond); letter-spacing: .12em; text-transform: uppercase; opacity: .9; pointer-events: none; white-space: nowrap;
}
[data-ui="chartroom"] .crb-now .crb-away__stamp--needs { color: var(--pc-warn); border-color: var(--pc-warn); }
[data-ui="chartroom"] .crb-now .crb-away.crb-away--folded { background: var(--pc-paper-hi); border: 1px solid var(--pc-ink); padding: 6px 14px; }

/* ---- Calm state ---------------------------------------------------------------------------- */
[data-ui="chartroom"] .crb-now .crb-calmcard { margin: 8px 0 14px; padding: 16px 20px 14px; background: var(--pc-paper-hi); border: 1px solid var(--pc-ink); border-top: 5px solid var(--pc-teal); border-radius: 2px; box-shadow: 3px 3px 0 color-mix(in srgb, var(--pc-steel) 45%, transparent); }
[data-ui="chartroom"] .crb-now .crb-calmcard__title { margin: 0 0 10px; color: var(--pc-ink); font: 700 clamp(22px, 2.4vw, 30px)/1.1 var(--cr-cond); letter-spacing: .06em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-now .crb-calmcard__ships { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 10px; padding: 0 0 10px; list-style: none; border-bottom: 1px solid color-mix(in srgb, var(--pc-ink) 40%, transparent); }
[data-ui="chartroom"] .crb-now .crb-calmcard__ship { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 120px; }
[data-ui="chartroom"] .crb-now .crb-calmcard__ship svg { display: block; width: 120px; height: auto; }
[data-ui="chartroom"] .crb-now .crb-calmcard__ship span { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pc-steel); font: 700 13px/1.2 var(--cr-cond); letter-spacing: .08em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-now .crb-calmcard .crb-leave { margin: 0; color: var(--pc-ink); }

/* ---- Goal and the first voyage: a four-stop track ------------------------------------------ */
[data-ui="chartroom"] .crb-now .crb-fv__track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 6px 0 14px; padding: 0; list-style: none; counter-reset: none; }
[data-ui="chartroom"] .crb-now .crb-fv__track li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding-top: 2px; text-align: center; color: var(--pc-steel); font: 700 14px/1.15 var(--cr-cond); letter-spacing: .08em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-now .crb-fv__track li::before { content: ""; position: absolute; top: 9px; left: -50%; right: 50%; height: 3px; background: color-mix(in srgb, var(--pc-steel) 55%, var(--pc-paper)); }
[data-ui="chartroom"] .crb-now .crb-fv__track li:first-child::before { display: none; }
[data-ui="chartroom"] .crb-now .crb-fv__track li.is-done::before, [data-ui="chartroom"] .crb-now .crb-fv__track li.is-now::before { background: var(--pc-brass); }
[data-ui="chartroom"] .crb-now .crb-fv__track i { position: relative; z-index: 1; width: 18px; height: 18px; box-sizing: border-box; border-radius: 50%; background: var(--pc-paper); border: 3px solid var(--pc-steel); }
[data-ui="chartroom"] .crb-now .crb-fv__track li.is-done i { background: var(--pc-brass); border-color: #75531b; }
[data-ui="chartroom"] .crb-now .crb-fv__track li.is-now { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-fv__track li.is-now i { background: var(--pc-brass-hi); border-color: #75531b; box-shadow: 0 0 0 4px rgba(201, 151, 58, .35); }
[data-ui="chartroom"] .crb-now .crb-goalcard { background: var(--pc-paper-hi); border: 1px solid var(--pc-ink); border-radius: 2px; color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-goalcard__bar > i { background: var(--pc-brass); }

/* ---- Phone: the same materials ------------------------------------------------------------- */
[data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-decide .crb-h2.crb-h2--verdict { padding: 8px 10px; font: 700 15px/1.25 var(--cr-cond); letter-spacing: .05em; }
[data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-h2--verdict .crb-count { min-width: 32px; height: 32px; font-size: 18px; }
[data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--decide { background: var(--pc-paper-hi); border: 1px solid var(--pc-ink); border-radius: 2px; margin: 0 0 8px; padding-left: 10px; padding-right: 10px; box-shadow: 2px 2px 0 color-mix(in srgb, var(--pc-steel) 45%, transparent); }
[data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row__name { font-family: var(--cr-serif); }
[data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-away.crb-away--row { padding: 10px 12px; }
[data-ui="chartroom"] .crb-shoutbar { background: var(--pc-sea); border-top: 2px solid var(--pc-brass); }
[data-ui="chartroom"] .crb-shoutbar .cr-plate { border-image: none; border: 2px solid #5b3f10; border-radius: 2px; color: var(--pc-ink); background: linear-gradient(180deg, var(--pc-brass-hi), var(--pc-brass)); }
[data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-calmcard__ships { flex-wrap: nowrap; overflow-x: auto; }
@media (max-width: 1100px) {
  [data-ui="chartroom"] .crb-now .crb-hero .crb-row.crb-row--decide { grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) auto; grid-template-areas: "reco reco reco" "ship route ring" "ship facts ring" "ship rate rate" "act act act"; }
  [data-ui="chartroom"] .crb-now .crb-hero .crb-row__pick { display: none; }
  [data-ui="chartroom"] .crb-now .crb-hero .crb-offer__rate { justify-self: start; align-items: flex-start; text-align: left; }
}
[data-ui="chartroom"] .crb-now .crb-hero .crb-offer__to { flex-wrap: nowrap; font-size: clamp(18px, 1.7vw, 25px); white-space: nowrap; gap: 10px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row.crb-row--decide { gap: 4px 16px; padding: 16px 18px 14px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__act > .cr-plate { min-width: 220px; padding: 0 20px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__act { flex-wrap: nowrap; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-hero__then { flex: 1 1 auto; min-width: 0; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-more { flex: none; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row__ship { flex-direction: column; align-items: flex-start; gap: 4px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-offer__to { font-size: clamp(17px, 1.5vw, 22px); gap: 8px; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row.crb-row--decide { grid-template-columns: auto minmax(200px, 230px) minmax(0, 1fr) minmax(170px, auto) auto; }
[data-ui="chartroom"] .crb-now .crb-hero .crb-row__ship > svg { max-width: 230px; }
[data-ui="chartroom"] .crb-now .crb-goalcard :is(.crb-goalcard__text, .crb-goalcard__meta, .crb-goalcard__meta span, .crb-goalcard__unlock) { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-goalcard__meta { font: 600 15px/1.3 var(--cr-body); }
[data-ui="chartroom"] .crb-now .crb-goalcard .crb-link, [data-ui="chartroom"] .crb-now .crb-goalcard .crb-step__go { color: #6b4a0e; }
[data-ui="chartroom"] .crb-now .crb-goalcard__bar { background: color-mix(in srgb, var(--pc-steel) 25%, var(--pc-paper)); border: 1px solid var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-fv__track li::after { content: attr(data-title); }
[data-ui="chartroom"] .crb-now .crb-voyage.crb-fv { color: var(--pc-ink); background: var(--pc-paper-hi); border: 1px solid var(--pc-ink); border-top: 5px solid var(--pc-brass); border-radius: 2px; box-shadow: 3px 3px 0 color-mix(in srgb, var(--pc-steel) 45%, transparent); }
[data-ui="chartroom"] .crb-now .crb-fv .crb-voyage__title { color: var(--pc-ink); font: 700 24px/1.1 var(--cr-cond); letter-spacing: .08em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-now .crb-fv :is(.crb-fv__title, .crb-fv__line, .crb-voyage__line, .crb-voyage__goalline, .crb-fv__goal, .crb-fv__goal b) { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-fv .crb-fv__mark { color: var(--pc-ink); background: var(--pc-paper); border-color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-fv .crb-fv__step.is-now .crb-fv__mark { background: var(--pc-brass); }
[data-ui="chartroom"] .crb-now .crb-fv .crb-link { color: #6b4a0e; }
[data-ui="chartroom"] .crb-now .crb-fv__track li { color: var(--pc-steel); }
[data-ui="chartroom"] .crb-now .crb-fv__track li.is-now { color: var(--pc-ink); }

/* ---- Round 2 (R2): Now above the fold at 1440x900 ---------------------------------------------- */
[data-ui="chartroom"] .crb-now .crb-head { margin-bottom: 6px; }
[data-ui="chartroom"] .cr-board .crb-now h1 { font-size: 32px; }
[data-ui="chartroom"] .cr-board .crb-now h1::after { height: 3px; margin-top: 4px; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-decide .crb-section__head.crb-head--verdict { margin: 0 0 8px; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-decide .crb-h2.crb-h2--verdict { box-sizing: border-box; height: 44px; padding: 0 14px 0 8px; font-size: 18px; line-height: 1; white-space: nowrap; overflow: hidden; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-h2--verdict .crb-count { min-width: 30px; height: 30px; font-size: 18px; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-toolbar { display: flex; align-items: center; gap: 12px; margin: 0 0 6px; min-height: 0; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-toolbar .crb-worth { min-height: 44px; padding: 2px 14px; }
/* the hidden hold that keeps the bar's place while the Accept-all ask floats over it must be the bar's own height (ruling 153) */
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-toolbar .crb-worth-hold .cr-plate { min-height: 44px; padding: 2px 14px; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-toolbar .crb-toolbar__tools { margin-left: auto; }

@media (min-width: 1101px) {
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero { margin: 0 0 6px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row.crb-row--decide {
    grid-template-columns: auto 200px minmax(0, 1fr) auto 232px;
    grid-template-areas: "reco reco reco reco act" "pick ship route ring act" "pick ship rate ring act" "pick ship facts ring act";
    gap: 0 16px; padding: 8px 16px 10px; align-items: center;
  }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-reco { grid-area: reco; grid-column: 1 / 5; margin: 0; padding: 0 0 4px; border-bottom: 0; font-size: 14px; line-height: 1.2; align-self: center; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__ship { gap: 2px; align-self: center; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__ship > svg,
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__ship > .cr-hullplate { width: 200px; max-width: 200px; height: auto; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__who { gap: 2px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__name { font-size: 22px; line-height: 1.1; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__waits--tag { padding: 3px 7px 2px; font-size: 12px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-offer__to { font-size: clamp(17px, 1.5vw, 22px); align-self: end; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-offer__rate { justify-self: start; align-items: flex-start; text-align: left; flex-direction: row; align-self: center; gap: 10px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-rate__net { font-size: 26px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-rate__day { font-size: 15px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-offer__facts { align-self: start; font-size: 15px; line-height: 1.2; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__time .crb-ring { width: 58px; }
  /* the verbs sit at the right: the act wrapper dissolves so each piece takes its own cell of the band */
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__act { display: contents; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__act > .cr-plate { grid-column: 5; grid-row: 1 / span 2; align-self: start; width: 100%; min-width: 0; min-height: 52px; padding: 0 12px; font-size: 20px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-pilotcap { grid-column: 5; grid-row: 3; align-self: start; margin-top: 2px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-hero__then { grid-column: 5; grid-row: 4; align-self: start; font-size: 13px; line-height: 1.2; color: color-mix(in srgb, var(--pc-ink) 80%, transparent); }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-more { grid-column: 3 / 5; grid-row: 1; justify-self: end; align-self: center; margin: 0; position: relative; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-more__btn { min-height: 30px; padding: 0 12px; position: relative; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-more__btn::after { content: ""; position: absolute; inset: -7px 0; }
}

/* ---- Round 2 (R7): what the pilot fee buys, under every primary Accept + pilot ------------------ */
[data-ui="chartroom"] .crb-now .crb-pilotcap { display: block; margin: 3px 0 0; color: color-mix(in srgb, var(--pc-ink) 70%, transparent); font: 600 12.5px/1.2 var(--cr-body); white-space: nowrap; text-align: center; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row__act { display: grid; grid-template-columns: auto 1fr; align-items: center; justify-items: start; gap: 0 14px; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row__act > .cr-plate { grid-column: 1; grid-row: 1; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-pilotcap { grid-column: 1; grid-row: 2; justify-self: center; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-more { grid-column: 2; grid-row: 1 / span 2; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-then { margin: 0 0 2px; padding-bottom: 4px; }
[data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table__head { padding-top: 2px; padding-bottom: 2px; min-height: 0; }

/* ---- Round 2 (R3, R10): the calm card ----------------------------------------------------------- */
[data-ui="chartroom"] .crb-now .crb-calmcard { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-calmcard__ships { flex-wrap: nowrap; gap: 8px 14px; overflow-x: auto; }
[data-ui="chartroom"] .crb-now .crb-calmcard__ship { flex: none; }
[data-ui="chartroom"] .crb-now .crb-calmcard__eta { color: var(--pc-ink); font: 600 13px/1.2 var(--cr-body); letter-spacing: 0; text-transform: none; }
[data-ui="chartroom"] .crb-now .crb-calmcard .crb-leave, [data-ui="chartroom"] .crb-now .crb-calmcard .crb-leave :is(b, span) { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-calmcard .crb-leave__next { color: var(--pc-steel); }
/* the goal card under the calm card: ink on paper, never cream on cream */
[data-ui="chartroom"] .crb-now :is(.crb-goalcard, .crb-goal, .crb-goalabove) { background: var(--pc-paper-hi); color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now :is(.crb-goalcard, .crb-goal, .crb-goalabove) :is(*:not(svg):not(path):not(.crb-goalcard__bar):not(.crb-goalcard__bar > i)) { color: var(--pc-ink); }
[data-ui="chartroom"] .crb-now .crb-goalcard :is(.crb-link, .crb-step__go) { color: #5b3f10; font-weight: 700; }

/* ---- Round 2 (R6): the phone's sticky accept is one line of button under a small line of ship and route ---- */
[data-ui="chartroom"] .crb-shoutbar__where { order: -2; flex: 1 1 100%; min-width: 0; color: #D9E3E6; font: 600 15px/1.2 var(--cr-body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) {
  [data-ui="chartroom"] .crb-shoutbar:not(.crb-shoutbar--ask) { flex-wrap: wrap; align-items: center; gap: 6px 10px; } /* the Accept-all ask is a column that stretches its children */
  [data-ui="chartroom"] .crb-shoutbar:not(.crb-shoutbar--ask):not(.crb-shoutbar--ransom) .cr-plate.cr-plate { order: -1; flex: 1 1 100%; max-width: 100%; width: 100%; min-height: 52px; }
  [data-ui="chartroom"] .crb-shoutbar:not(.crb-shoutbar--ask):not(.crb-shoutbar--ransom) .cr-plate .cr-plate__sub { display: none; }
  [data-ui="chartroom"] .crb-shoutbar:not(.crb-shoutbar--ask):not(.crb-shoutbar--ransom) .cr-plate .cr-plate__label { white-space: nowrap; font-size: 19px; }
  [data-ui="chartroom"] .crb-shoutbar__text { order: 0; }
}

/* The decision band stays dense enough to leave the next two offers in view. */
@media (min-width: 1101px) {
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row.crb-row--decide {
    grid-template-columns: auto 280px minmax(0, 1fr) minmax(290px, 320px) 190px;
    grid-template-areas: "reco reco reco reco act" "pick ship route ring act" "pick ship rate ring act";
    grid-template-rows: 44px 20px 20px; max-height: 106px; padding-block: 6px; overflow: hidden;
  }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__ship > svg,
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__ship > .cr-hullplate { display: none; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__who { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__name,
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__waits { flex: 0 0 auto; margin: 0; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__name { font-size: 19px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__offer { display: block; grid-area: rate; min-width: 290px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-offer__rate { display: block; min-width: 290px; white-space: nowrap; font: 700 19px/1.15 var(--cr-cond); color: #8a5f12; letter-spacing: .02em; text-transform: uppercase; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-rate__day { display: none; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero :is(.crb-offer__to, .crb-offer__facts) { display: none; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-row__act > .cr-plate { grid-row: 1; min-height: 44px; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-pilotcap { grid-row: 2; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-hero .crb-hero__then { grid-column: 5; grid-row: 3; }
  [data-ui="chartroom"] .crb-now[data-layout="desk"] .crb-table .crb-row--compact:not(.crb-row--reco) { min-height: 56px; max-height: 76px; }
}

@media (max-width: 760px) {
  [data-ui="chartroom"] .crb-now .crb-sheet__body { padding-bottom: 170px; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--decide .crb-ends { max-height: 60px; overflow: hidden; white-space: nowrap; }
  /* The numbered steps already carry progress on a handset.  Removing the
     duplicate decorative track lets all four steps and the Goal line clear
     the real sticky command bar without a forced scroll. */
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-voyage--first .crb-fv__track { display: none; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-voyage--first { margin-top: 5px; padding-bottom: 0; transform: translateY(-1px); }
}

/* Phone density (d2): the second offer's name must clear the sticky bar at 390x844. */
@media (max-width: 760px) {
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-decide .crb-h2.crb-h2--verdict { padding: 5px 8px; font-size: 13px; line-height: 1.2; letter-spacing: .03em; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-h2--verdict .crb-count { min-width: 28px; height: 28px; font-size: 16px; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-sheet__body { padding-top: 6px; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-head { margin-bottom: 0; }
  [data-ui="chartroom"] .crb-shoutbar:not(.crb-shoutbar--ask):not(.crb-shoutbar--ransom) { gap: 2px 10px; padding-block: 6px; }
  [data-ui="chartroom"] .crb-shoutbar:not(.crb-shoutbar--ask):not(.crb-shoutbar--ransom) .cr-plate.cr-plate { min-height: 48px; }
}

@media (max-width: 760px) {
  /* The deadline line and "More options" share one row on the bar card. */
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--bar.crb-row--decide:not(.crb-row--compact) {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "reco reco" "ship ship" "offer offer" "line act";
    align-items: center;
  }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--bar .crb-row__line { grid-column: 1; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--bar .crb-row__act { grid-column: 2; justify-self: end; }
}

@media (max-width: 760px) {
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-h1 { font-size: 28px; line-height: 1; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-h1::after { margin-top: 3px; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--bar.crb-row--decide .crb-row__line.crb-ends { max-height: none; white-space: nowrap; overflow: visible; font-size: 15px; letter-spacing: 0; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--bar .crb-row__act .crb-more__btn { padding-inline: 4px; font-size: 15px; letter-spacing: 0; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--bar .crb-ends .crb-link { font-size: 15px; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--bar .crb-row__offer { margin: 0; }
  [data-ui="chartroom"] .crb-now[data-layout="phone"] .crb-row--bar .crb-offer__facts { margin: 0 0 2px; }
}