/* web/assets/css/one-cg.css (lane RDV, owners.mjs D-INT-110; COORDINATOR item 72 (3) "port, do not redraw"; spec 8.5
   D-6: loads after ui.css): the look of the ONE Results > Cargoes page web/views/one/cargoes.js, ported byte for byte
   from the 4875 prototype proto/app/ui/r6/cg.css (round 6c, sha256 01409dd88faf, 100 lines, everything below this
   comment). The page root is div.one-cg.r6-cg, so the .r6-cg rules reach it; the .xf[data-card="options"] and
   .xf[data-card="supplyuse"] rules style the cg- classes that only the Cargoes cards draw. Tokens from tokens.css.
   The ship markers of Routes of this ADP keep the 4875 form (no rule in the prototype for g.ship). RDV H185. */
/* Lane CG (Runde 6): Zusaetze zum Mockup-CSS fuer die Cargoes-Karten. Farben nur ueber Tokens. */
.xf[data-card="options"] .cg-act { white-space: nowrap; text-align: right; }
.xf[data-card="options"] .cg-act .btn + .btn { margin-left: 4px; }
.xf[data-card="options"] .cg-try { padding-left: 6px; padding-right: 8px; gap: 4px; display: inline-flex; align-items: center; }
.xf[data-card="supplyuse"] g[data-free] rect { transition: stroke-width .12s; }
.xf[data-card="supplyuse"] g[data-free]:hover rect, .xf[data-card="supplyuse"] g[data-free]:focus-visible rect { stroke-width: 2.4; }
.xf[data-card="supplyuse"] g[data-free]:focus-visible { outline: none; }
.xf[data-card="supplyuse"] .cg-chip { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 10px; font-size: 11.5px; font-weight: 600; }
.xf[data-card="supplyuse"] .cg-chip.ok { background: var(--ok-soft, #E3F5EC); color: var(--gd, #123627); }
.xf[data-card="supplyuse"] .cg-chip.bad { background: var(--bad-soft, #FBE9E7); color: var(--bad, #B5473C); }
.xf[data-card="supplyuse"] td .lb { max-width: 140px; white-space: normal; line-height: 1.15; display: inline-flex; align-items: center; gap: 6px; }   /* fixer r6 s3: long contract names wrap (the flex box cut "FOB term buyer at t" with no ellipsis) */
.xf[data-card="options"] .cg-opta td .lb { max-width: 300px; white-space: normal; display: inline-flex; align-items: center; gap: 6px; }
.xf[data-card="options"] .cg-opta tr.ln-why td { border-top: 0; padding-top: 0; padding-bottom: 8px; }
.xf[data-card="options"] .cg-opta tr.blk td { border-bottom: 0; }
.xf[data-card="options"] .cg-opta small.why { display: inline-flex; gap: 6px; align-items: flex-start; font-size: 11.5px; line-height: 1.35; color: var(--muted, #5F6D67); white-space: normal; }
.xf[data-card="options"] .cg-opta small.why .ic { flex: none; margin-top: 1px; }
.xf[data-card="options"] .cg-nav { display: inline-flex; align-items: center; gap: 4px; margin-right: 6px; }
.xf[data-card="options"] .cg-pick { height: 28px; max-width: 300px; font: inherit; font-size: 12.5px; border: 1px solid var(--line, #DCE3E0); border-radius: 6px; background: var(--card, #fff); color: var(--ink, #12261F); padding: 0 6px; }
.xf[data-card="options"] .cg-prog { margin: 0 0 8px; font-size: 12.5px; color: var(--muted, #5F6D67); }
@media (max-width: 560px) { .xf[data-card="options"] .cg-pick { max-width: 150px; } }
.xf[data-card="options"] .cg-opta { min-width: 640px; }

/* Fixer r6 s1 (CRITIC r6 M2, M3): mockup rules for the Cargoes classes that had no CSS in app-r6 (lb2, lf, lbd,
   sbar, adpv, tw2, ub, table.ln, g1top / g1map, g2wrap / g2map: map at the right, not below; map-bar, map-day).
   Copied from the mockup stylesheet, scoped to the Cargoes root .r6-cg. */
.r6-cg { --fs-label: 12px; }
.r6-cg .lb { display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; }
.r6-cg .lb b { font-weight: 650; }
.r6-cg .shp { flex: none; display: inline-block; vertical-align: -1px; }
.r6-cg .xf-text { flex: 1 1 240px; min-width: 0; }
.r6-cg .xf-title { font-size: 18px; font-weight: 600; line-height: 1.3; margin: 0; letter-spacing: -.01em; color: var(--ink); display: inline-block; }
.r6-cg .xf-body { min-width: 0; }
.r6-cg .chart { position: relative; width: 100%; min-width: 0; }
.r6-cg .chart svg { display: block; overflow: visible; }
.r6-cg table.ln { width: 100%; border-collapse: collapse; table-layout: fixed; }
.r6-cg table.ln th { font-size: var(--fs-label); color: var(--muted); font-weight: 600; text-align: left; padding: 0 8px 4px; vertical-align: bottom; line-height: 1.3; white-space: nowrap; }
.r6-cg table.ln th.ax { padding: 0; }
.r6-cg table.ln th.num, .r6-cg table.ln td.num { text-align: right; white-space: nowrap; }
.r6-cg table.ln td { padding: 0 8px; height: 34px; border-top: 1px solid var(--hair2); vertical-align: middle; font-size: 13px; }
.r6-cg table.ln td.g { padding: 0; }
.r6-cg table.ln td.g svg, .r6-cg table.ln th.ax svg { display: block; overflow: visible; }
.r6-cg table.ln tr.ln-r[data-act] { cursor: pointer; }
.r6-cg table.ln tr.ln-r:hover td { background: var(--added); }
.r6-cg table.ln tr.chosen td { font-weight: 700; }
.r6-cg table.ln tr.blk td:not(.g) { color: var(--muted); }
.r6-cg table.ln tr.view td { background: var(--acc-t); }
.r6-cg table.ln tr.view td:first-child { box-shadow: inset 3px 0 0 var(--acc); }
.r6-cg table.ln tr.sub td { height: 28px; border-top-color: transparent; }
.r6-cg table.ln tr.sub td.lbc { padding-left: 22px; font-size: 12px; }
.r6-cg table.ln tr.busy td { height: 46px; border-top: 0; }
.r6-cg .lb .lf { font-weight: 600; color: var(--muted); font-size: 12px; }
.r6-cg .lb .ck { display: inline-flex; color: var(--acc); }
.r6-cg .lb2 { display: flex; flex-direction: column; justify-content: center; min-width: 0; line-height: 1.15; }
.r6-cg .lbd { display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 600; color: var(--muted); padding-left: 17px; }
.r6-cg .tw2 { font-size: 11px; font-weight: 700; color: var(--muted); border: 1px solid var(--hair); border-radius: 5px; padding: 0 4px; line-height: 16px; }
.r6-cg .ub { display: inline-flex; flex: none; width: 18px; height: 18px; border-radius: 9px; align-items: center; justify-content: center; font-size: 10.5px; font-weight: 700; color: #fff; background: var(--ink2); }
.r6-cg .sbar { display: inline-block; width: 52px; height: 8px; background: var(--track); border-radius: 4px; margin-right: 8px; vertical-align: middle; position: relative; overflow: hidden; }
.r6-cg .sbar i { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 4px; }
.r6-cg .sbar.sm { width: 34px; margin-right: 6px; }
.r6-cg .miss { display: inline-flex; align-items: center; gap: 4px; color: var(--loss); font-weight: 600; cursor: help; }
.r6-cg .adpv b { font-weight: 650; }
.r6-cg .adpv .neg, .r6-cg .adpv .pos, .r6-cg .adpv .muted { font-size: 12px; font-weight: 600; margin-left: 4px; }
.r6-cg .ln-foot { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.r6-cg .map-bar { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.r6-cg .map-scrub { flex: 1; min-width: 0; cursor: ew-resize; touch-action: none; }
.r6-cg .map-scrub svg { display: block; overflow: visible; }
.r6-cg .map-day { font-weight: 700; font-size: 14px; min-width: 96px; white-space: nowrap; }
.r6-cg .map-busy { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; font-size: 14px; color: var(--ink2); cursor: help; }
.r6-cg table.t.tsm tr.ifl .shp { opacity: .45; }
.r6-cg .srcc .lf { font-size: 11px; font-weight: 700; color: var(--ink2); background: var(--hair2); border-radius: 4px; padding: 0 4px; }
.r6-cg .g1top { display: grid; grid-template-columns: minmax(0, 1fr) 236px; gap: 18px; align-items: start; }
.r6-cg .g1map { border-left: 1px solid var(--hair2); padding-left: 16px; }
.r6-cg .g2wrap { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 18px; align-items: start; }
.r6-cg .g2map { position: sticky; top: 60px; border-left: 1px solid var(--hair2); padding-left: 16px; }
.r6-cg .g2map svg { display: block; overflow: visible; }
@media (max-width: 1000px) {
  .r6-cg .g2wrap { grid-template-columns: minmax(0, 1fr); }
  .r6-cg .g2map { display: none; }
}
.r6-cg .g1map svg { display: block; overflow: visible; }
@media (max-width: 1000px) {
  .r6-cg .g1top { grid-template-columns: minmax(0, 1fr); }
  .r6-cg .g1map { display: none; }
}
.r6-cg table.ln tr.ln-r2 td { height: auto; border-top: 0; padding: 0 8px; }
.r6-cg .map-key { display: inline-flex; align-items: center; gap: 10px; }
.r6-cg .map-key span { display: inline-flex; cursor: help; }
@media (max-width: 520px) {
  .r6-cg table.ln tr.sub td.lbc { padding-left: 6px; }
}
@media (max-width: 900px) {
  .r6-cg .map-bar { flex-wrap: wrap; }
  .r6-cg .map-scrub { flex: 1 1 100%; order: 3; }
}
/* Fixer r6 s1 (CRITIC r6 M2, L1): mockup card head for the Cargoes frame: title and question left, toggles, info and N
   right on the same row; question right under the title. */
.r6-cg .xf-head { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 12px; margin: 0 0 14px; }
.r6-cg .xf-q { margin: 4px 0 0; font-size: 14.5px; line-height: 1.4; color: var(--ink2); }
.r6-cg .xf-tools { flex: none; min-height: 32px; }
@media (max-width: 700px) { .r6-cg .xf-tools { flex: 1 1 100%; justify-content: flex-start; } }