.cx-remaining-header { margin-bottom: 14px; }
.remaining-tabs { display:flex; flex-wrap:wrap; gap:8px; margin: 0 0 14px; }
.remaining-tab { border:1px solid var(--cx-border); background:var(--cx-surface); color:var(--cx-text); border-radius:999px; padding:9px 14px; cursor:pointer; font-weight:700; }
.remaining-tab.is-active { background:var(--cx-primary); color:#fff; border-color:var(--cx-primary); box-shadow: var(--cx-shadow-soft); }
.remaining-warn { margin-bottom: 12px; }
@media (max-width: 720px) { .remaining-tabs { overflow-x:auto; flex-wrap:nowrap; padding-bottom:6px; } .remaining-tab { white-space:nowrap; } }

/* Phase 23 + 25: ownership contract / profit planning read-model polish */
.cx-code-chip {
  display:inline-block;
  direction:ltr;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  padding: 3px 7px;
  margin: 2px;
  border: 1px solid var(--cx-border);
  border-radius: 999px;
  background: var(--cx-surface-muted, rgba(15, 23, 42, .06));
  color: var(--cx-text);
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.remaining-warn { margin: 0 0 12px; }
.cx-card-body h3 { margin: 0 0 8px; }
.cx-card-body ul { margin-top: 0; }

/* Phase 24: explicit UI Ownership contract panels for existing Reports/Growth pages. */
.cx-ownership-contract .cx-table td { vertical-align: top; }
.cx-ownership-contract .cx-status-pill { margin: 2px 3px; display: inline-flex; }
.cx-ownership-contract .cx-code-chip { direction: ltr; unicode-bidi: plaintext; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }