/* Console: the company board (docs/console/PLAN.md lane C4). Scoped to [data-ui="chartroom"]. */
[data-ui="chartroom"] .cr-company { --cc-ink: var(--pc-ink); color: var(--pc-ink); }
[data-ui="chartroom"] .cr-company .cr-grow__main { padding: clamp(14px, 2vw, 28px); filter: none; }
[data-ui="chartroom"] .cr-company .cr-grow__head { display: flex; align-items: end; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 16px; padding: 0 0 10px; border-bottom: 2px solid var(--pc-ink); }
[data-ui="chartroom"] .cr-company .cr-grow__title { margin: 0; color: var(--pc-ink); font: 700 clamp(32px, 4vw, 48px)/.9 var(--cr-cond); letter-spacing: .045em; text-transform: uppercase; }
[data-ui="chartroom"] .cr-company .cr-grow__title::after { content: ""; display: block; width: 74px; height: 4px; margin-top: 7px; background: var(--pc-brass); }
[data-ui="chartroom"] .cr-company__name { margin: 0 0 4px; }
[data-ui="chartroom"] .cr-company__name .cr-books__company { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--pc-steel); font: 700 24px/1 var(--cr-serif); }
[data-ui="chartroom"] .cr-company__name .cr-books__flag { width: 36px; height: 22px; border: 1px solid var(--pc-ink); }

/* Overview band */
[data-ui="chartroom"] .cc-overview { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 18px; margin: 0 0 22px; align-items: stretch; }
[data-ui="chartroom"] .cc-overview--solo { grid-template-columns: minmax(0, 1fr); }
[data-ui="chartroom"] .cc-sofar { padding: 16px 20px 18px; color: var(--pc-paper); background: linear-gradient(180deg, #0F3F52, var(--pc-sea)); border: 1px solid #07202B; border-radius: 3px; box-shadow: inset 0 0 0 3px #0B3445, inset 0 0 0 4px rgba(201, 151, 58, .45), 3px 3px 0 color-mix(in srgb, var(--pc-steel) 60%, transparent); }
[data-ui="chartroom"] .cr-board .cc-sofar .cc-sofar__title { margin: 0 0 6px; color: var(--pc-paper); font: 700 22px/1.1 var(--cr-serif); }
[data-ui="chartroom"] .cc-sofar__label { margin: 0; color: #B8CED3; font: 700 13px/1 var(--cr-cond); letter-spacing: .12em; text-transform: uppercase; }
[data-ui="chartroom"] .cc-sofar__worth { margin: 2px 0 8px; color: var(--pc-brass-hi, #E3B65A); font: 700 clamp(34px, 4.4vw, 54px)/1.05 var(--cr-serif); font-variant-numeric: tabular-nums; }
[data-ui="chartroom"] .cc-sofar__cells { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 0 0 12px; padding: 8px 0; border-block: 1px solid rgba(242, 232, 208, .25); }
[data-ui="chartroom"] .cc-sofar__cell { display: flex; flex-direction: column; gap: 2px; margin: 0; }
[data-ui="chartroom"] .cc-sofar__cell dt { color: #B8CED3; font: 700 12px/1 var(--cr-cond); letter-spacing: .12em; text-transform: uppercase; }
[data-ui="chartroom"] .cc-sofar__cell dd { margin: 0; color: var(--pc-paper); font: 700 20px/1.1 var(--cr-cond); font-variant-numeric: tabular-nums; }
[data-ui="chartroom"] .cc-profit__head { margin: 0 0 4px; font: 500 16px/1.3 var(--cr-body); }
[data-ui="chartroom"] .cc-profit__head b { color: var(--pc-brass-hi, #E3B65A); font-variant-numeric: tabular-nums; }
[data-ui="chartroom"] .cc-profit__empty { margin: 4px 0 0; padding: 16px 0; color: #D6E2E4; font: italic 500 16px/1.4 var(--cr-serif); border-top: 1px dashed rgba(242, 232, 208, .3); }
[data-ui="chartroom"] .cc-chart { display: block; width: 100%; height: auto; }
[data-ui="chartroom"] .cc-chart__fill { fill: var(--pc-teal); fill-opacity: .55; }
[data-ui="chartroom"] .cc-chart__line { stroke: var(--pc-brass-hi, #E3B65A); stroke-width: 2.2; stroke-linejoin: round; }
[data-ui="chartroom"] .cc-chart__zero { stroke: rgba(242, 232, 208, .45); stroke-dasharray: 3 3; }
[data-ui="chartroom"] .cc-chart__tick { stroke: rgba(242, 232, 208, .7); }
[data-ui="chartroom"] .cc-chart__txt { fill: #D6E2E4; font: 600 10px var(--cr-cond); letter-spacing: .05em; text-transform: uppercase; }

[data-ui="chartroom"] .cc-office { display: flex; }
[data-ui="chartroom"] .cc-office .cr-grow__office { flex: 1; margin: 0; padding: 16px 18px; background: var(--pc-paper-hi); border: 1px solid var(--pc-ink); border-radius: 2px; box-shadow: 3px 3px 0 color-mix(in srgb, var(--pc-steel) 60%, transparent); }
[data-ui="chartroom"] .cc-office .cr-eyebrow { color: var(--pc-ink); font: 700 22px/1.1 var(--cr-cond); letter-spacing: .06em; text-transform: uppercase; padding-bottom: 6px; border-bottom: 2px solid var(--pc-ink); margin-bottom: 8px; }

/* Folder tabs */
[data-ui="chartroom"] .cr-company__nav { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 0 22px; margin: 0; padding: 0; overflow-x: auto; border-bottom: 2px solid var(--pc-ink); }
[data-ui="chartroom"] .cr-company__group { flex-direction: row; align-items: flex-end; gap: 8px; flex: 0 0 auto; }
[data-ui="chartroom"] .cr-company__group + .cr-company__group { padding-left: 22px; border-left: 2px solid var(--pc-brass); }
[data-ui="chartroom"] .cr-company__group-label { align-self: center; padding: 0 2px 6px; color: var(--pc-brass-dark, #8A6522); font: 700 13px/1 var(--cr-cond); letter-spacing: .14em; }
[data-ui="chartroom"] .cr-company .cr-grow__tabs { display: flex; flex-wrap: nowrap; gap: 3px; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
[data-ui="chartroom"] .cr-company .cr-grow__tabs .cr-tab { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px 8px; color: var(--pc-ink); background: color-mix(in srgb, var(--pc-paper-hi) 84%, var(--pc-steel)); border: 1px solid var(--pc-ink); border-bottom: 0; border-radius: 3px 3px 0 0; cursor: pointer; white-space: nowrap; font: 700 16px/1 var(--cr-cond); letter-spacing: .045em; text-transform: uppercase; box-shadow: none; transition: background var(--cr-d-ink), transform var(--cr-d-snap); }
[data-ui="chartroom"] .cr-company .cr-grow__tabs .cr-tab:hover { background: var(--pc-paper-hi); }
[data-ui="chartroom"] .cr-company .cr-grow__tabs .cr-tab[aria-selected="true"] { position: relative; z-index: 1; margin-bottom: -2px; padding-bottom: 10px; background: var(--pc-paper); box-shadow: inset 0 3px 0 var(--pc-brass); }
[data-ui="chartroom"] .cr-company .cr-grow__panel { padding: 18px 2px 0; }
[data-ui="chartroom"] .cr-company[data-company-group="books"] .cr-grow__panel { max-width: 860px; }

/* Market and shipyard: a table of plates */
[data-ui="chartroom"] .cr-company .cr-eyebrow { color: var(--pc-ink); font: 700 22px/1.1 var(--cr-cond); letter-spacing: .06em; text-transform: uppercase; }
[data-ui="chartroom"] .cr-company .cr-grow__section > .cr-eyebrow { padding-bottom: 6px; border-bottom: 2px solid var(--pc-brass); }
[data-ui="chartroom"] .cr-company .cr-grow__subhead { color: var(--pc-steel); font: 700 15px/1.2 var(--cr-cond); letter-spacing: .1em; text-transform: uppercase; }
[data-ui="chartroom"] .cr-company .cr-grow__row { gap: 8px 18px; padding: 10px 6px; border-bottom: 1px solid color-mix(in srgb, var(--pc-ink) 35%, transparent); }
[data-ui="chartroom"] .cr-company .cr-grow__row--ship { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; align-items: center; }
[data-ui="chartroom"] .cr-company .cr-grow__plate { line-height: 0; }
[data-ui="chartroom"] .cr-company .cr-grow__plate svg { display: block; width: 150px; height: auto; }
[data-ui="chartroom"] .cr-company .cr-grow__row-main { min-width: 0; }
[data-ui="chartroom"] .cr-company .cr-grow__name { color: var(--pc-ink); font: 700 22px/1.1 var(--cr-serif); }
[data-ui="chartroom"] .cr-company .cr-grow__meta { color: var(--pc-steel); font: 700 14px/1.25 var(--cr-cond); letter-spacing: .05em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
[data-ui="chartroom"] .cr-company .cr-grow__price { color: var(--pc-ink); font: 700 20px/1 var(--cr-cond); }
[data-ui="chartroom"] .cr-company .cr-grow__row-end .cr-plate:not([aria-disabled="true"]) { color: var(--pc-paper); background: linear-gradient(180deg, #3C6C80, var(--pc-sea)); border: 1px solid #07202B; border-radius: 2px; }

/* Bank: a document with a stamp */
[data-ui="chartroom"] .cr-company [aria-labelledby="cr-books-bank-h"] { position: relative; padding: 18px 22px; background: var(--pc-paper-hi); border: 1px solid var(--pc-ink); border-radius: 2px; box-shadow: 3px 3px 0 color-mix(in srgb, var(--pc-steel) 60%, transparent), inset 0 0 0 4px var(--pc-paper-hi), inset 0 0 0 5px color-mix(in srgb, var(--pc-ink) 40%, transparent); }
[data-ui="chartroom"] .cc-debt { position: relative; display: grid; gap: 2px; margin: 10px 0 14px; padding: 10px 0; border-block: 1px solid var(--pc-ink); }
[data-ui="chartroom"] .cc-debt__label { color: var(--pc-steel); font: 700 14px/1 var(--cr-cond); letter-spacing: .12em; text-transform: uppercase; }
[data-ui="chartroom"] .cc-debt__figure { color: var(--pc-ink); font: 700 clamp(32px, 4vw, 46px)/1.05 var(--cr-serif); font-variant-numeric: tabular-nums; }
[data-ui="chartroom"] .cc-debt__state { margin: 0; color: var(--pc-ink); font: 500 15px/1.3 var(--cr-body); }
[data-ui="chartroom"] .cc-stamp { position: absolute; right: 8px; top: 50%; padding: 6px 14px 4px; transform: translateY(-50%) rotate(-9deg); color: var(--pc-teal); border: 3px double currentColor; border-radius: 4px; font: 700 28px/1 var(--cr-cond); letter-spacing: .12em; text-transform: uppercase; opacity: .85; pointer-events: none; }
[data-ui="chartroom"] .cc-stamp--approved { color: #1F6B69; }
[data-ui="chartroom"] .cc-stamp--clear { color: #1F6B69; }
[data-ui="chartroom"] .cr-company .cr-books__stats { gap: 10px 22px; }
[data-ui="chartroom"] .cr-company .cr-books__stat-label { color: var(--pc-steel); font: 700 13px/1.1 var(--cr-cond); letter-spacing: .1em; text-transform: uppercase; }
[data-ui="chartroom"] .cr-company .cr-books__stat-value { font: 700 20px/1.15 var(--cr-cond); font-variant-numeric: tabular-nums; }
[data-ui="chartroom"] .cr-company .cr-books__input { min-height: 44px; background: var(--pc-paper); border: 1px solid var(--pc-ink); border-radius: 2px; }
[data-ui="chartroom"] .cr-company .cr-books__section .cr-plate:not([aria-disabled="true"]) { color: var(--pc-paper); background: linear-gradient(180deg, #3C6C80, var(--pc-sea)); border: 1px solid #07202B; border-radius: 2px; }

/* Livery */
[data-ui="chartroom"] .cc-livery-preview { margin: 8px 0 16px; padding: 14px 16px 10px; background: linear-gradient(180deg, #0F3F52, var(--pc-sea)); border: 1px solid #07202B; border-radius: 3px; text-align: center; }
[data-ui="chartroom"] .cc-livery-preview__plate { line-height: 0; }
[data-ui="chartroom"] .cc-livery-preview svg { display: block; width: min(420px, 100%); height: auto; margin: 0 auto; }
[data-ui="chartroom"] .cc-livery-preview figcaption { margin-top: 8px; color: #D6E2E4; font: 700 13px/1.2 var(--cr-cond); letter-spacing: .08em; text-transform: uppercase; }
[data-ui="chartroom"] .cr-company .cr-books__livery-group legend { color: var(--pc-ink); font: 700 15px/1 var(--cr-cond); letter-spacing: .1em; text-transform: uppercase; }

/* Ledger paper: ruled rows and a red margin line */
[data-ui="chartroom"] .cr-company [aria-labelledby="cr-books-ledger-h"],
[data-ui="chartroom"] .cr-company [data-grow-panel="contracts"] .cr-grow__section,
[data-ui="chartroom"] .cr-company [data-grow-panel="licences"] .cr-grow__section,
[data-ui="chartroom"] .cr-company [aria-labelledby="cr-books-insurance-h"] { position: relative; padding-left: 44px; }
[data-ui="chartroom"] .cr-company [aria-labelledby="cr-books-ledger-h"]::before,
[data-ui="chartroom"] .cr-company [data-grow-panel="contracts"] .cr-grow__section::before,
[data-ui="chartroom"] .cr-company [data-grow-panel="licences"] .cr-grow__section::before,
[data-ui="chartroom"] .cr-company [aria-labelledby="cr-books-insurance-h"]::before { content: ""; position: absolute; left: 30px; top: 0; bottom: 0; width: 2px; background: var(--pc-warn); opacity: .7; }
[data-ui="chartroom"] .cr-company .cr-books__log { margin: 0; padding: 0; list-style: none; font-variant-numeric: tabular-nums; }
[data-ui="chartroom"] .cr-company .cr-books__log li { padding: 7px 0; border-bottom: 1px solid color-mix(in srgb, var(--pc-steel) 45%, transparent); }
[data-ui="chartroom"] .cr-company .cr-books__log time { margin-right: 10px; color: var(--pc-steel); font: 700 13px/1 var(--cr-cond); letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 1100px) {
  [data-ui="chartroom"] .cc-overview { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  [data-ui="chartroom"] .cr-company .cr-grow__row--ship { grid-template-columns: minmax(0, 1fr); }
  [data-ui="chartroom"] .cr-company .cr-grow__row-end { justify-content: space-between; }
  [data-ui="chartroom"] .cc-stamp { position: static; display: inline-block; justify-self: start; margin-top: 8px; transform: rotate(-5deg); font-size: 22px; }
  [data-ui="chartroom"] .cc-sofar { padding: 14px; }
  [data-ui="chartroom"] .cr-company .cr-grow__panel { padding-top: 14px; }
}

[data-ui="chartroom"] .cr-company, [data-ui="chartroom"] .cr-company .cr-grow__main, [data-ui="chartroom"] .cc-overview > *, [data-ui="chartroom"] .cr-company .cr-grow__panel { min-width: 0; max-width: 100%; box-sizing: border-box; }
[data-ui="chartroom"] .cc-office { align-self: start; }
[data-ui="chartroom"] .cr-company .cr-grow__head { min-width: 0; }
[data-ui="chartroom"] .cr-company__name .cr-books__company { min-width: 0; overflow-wrap: anywhere; font-size: clamp(18px, 2.4vw, 24px); }
[data-ui="chartroom"] .cr-company .cr-books__forms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; margin-top: 10px; }
[data-ui="chartroom"] .cr-company .cr-books__form { min-width: 0; }
@media (max-width: 640px) { [data-ui="chartroom"] .cr-company .cr-books__forms { grid-template-columns: minmax(0, 1fr); } }

/* the head office card keeps its own height beside the overview panel */
[data-ui="chartroom"] .cc-office .cr-grow__office { align-self: flex-start; flex: 1 1 auto; }