.cm-systems { list-style: none; padding: 0; display: grid; gap: 1rem; }
.cm-systems li { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; overflow-wrap: anywhere; }
.cm-systems meter { max-width: 100%; }
/* Command center (owner and approver). Builds on sales.css (sp-*) and the goals/compliance ledger palette. */
.cm-page { --cm-brass: #b8901f; --cm-teal: #3f8597; --cm-rust: #c4553a; --cm-sage: #4f9a69; --cm-line: rgba(184,144,31,.28);
  display: grid; gap: 14px; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.cm-page * { box-sizing: border-box; }
.cm-head { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: end; justify-content: space-between; border-bottom: 3px double var(--cm-line); padding-bottom: 10px; }
.cm-head-l { display: grid; gap: 2px; min-width: 0; flex: 1 1 260px; }
.cm-head p { margin: 0; }
.cm-kicker { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--cm-brass); font-weight: 700; }
.cm-title { margin: 0; font-size: clamp(1.5rem, 3vw, 2.1rem); letter-spacing: -.01em; }
.cm-title:focus { outline: none; }
.cm-tally { display: flex; gap: 8px; margin: 0; flex-wrap: wrap; }
.cm-t { border: 1px solid var(--cm-line); border-radius: 10px; padding: 6px 12px; min-width: 84px; }
.cm-t dt { font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; }
.cm-t dd { margin: 0; font-size: 1.35rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.cm-t-urgent.cm-t-hot { border-color: var(--cm-rust); } .cm-t-urgent.cm-t-hot dt { color: var(--cm-rust); }
.cm-t-action.cm-t-hot { border-color: var(--cm-brass); } .cm-t-action.cm-t-hot dt { color: var(--cm-brass); }
.cm-t-info dt { color: var(--cm-teal); }
.cm-msg { padding: 8px 12px; border-radius: 10px; border: 1px solid var(--cm-line); border-left: 4px solid var(--cm-teal); }
.cm-msg-success { border-left-color: var(--cm-sage); } .cm-msg-warning { border-left-color: var(--cm-brass); } .cm-msg-danger { border-left-color: var(--cm-rust); }
.cm-note { margin: 0; padding: 6px 10px; border-left: 3px solid var(--cm-brass); font-size: .85rem; }
.cm-controls { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; padding: 12px 14px; border: 1px solid var(--cm-line); border-radius: 12px; background: var(--panel, transparent); }
.cm-field { display: grid; gap: 4px; min-width: 0; flex: 1 1 150px; }
.cm-field label, .cm-lab { font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; font-weight: 600; }
.cm-field select { min-height: 40px; width: 100%; font: inherit; }
.cm-segs { display: flex; gap: 0; }
.cm-seg { border-radius: 0; min-height: 40px; flex: 1 1 auto; }
.cm-seg:first-child { border-radius: 8px 0 0 8px; } .cm-seg:last-child { border-radius: 0 8px 8px 0; } .cm-seg:only-child { border-radius: 8px; }
.cm-seg-on { border-color: var(--cm-brass); color: var(--cm-brass); font-weight: 700; box-shadow: inset 0 -2px 0 var(--cm-brass); }
.cm-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.cm-split { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.cm-card { min-width: 0; }
.cm-group { margin-top: 10px; }
.cm-group-h { margin: 0 0 6px; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cm-brass); display: flex; gap: 8px; align-items: center; }
.cm-count { font-size: .7rem; padding: 0 7px; border: 1px solid var(--cm-line); border-radius: 999px; }
.cm-items, .cm-hist-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.cm-item { border: 1px solid var(--cm-line); border-left: 4px solid var(--cm-teal); border-radius: 10px; padding: 8px 10px; display: grid; gap: 4px; min-width: 0; }
.cm-i-urgent { border-left-color: var(--cm-rust); } .cm-i-action { border-left-color: var(--cm-brass); }
.cm-closed { opacity: .65; }
.cm-top { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: baseline; }
.cm-name { flex: 1 1 180px; min-width: 0; }
.cm-amt { font-variant-numeric: tabular-nums; font-weight: 700; }
.cm-sum, .cm-meta { margin: 0; font-size: .85rem; }
.cm-meta { opacity: .8; }
.cm-sev, .cm-status { display: inline-block; font-size: .7rem; font-weight: 700; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--cm-line); white-space: nowrap; }
.cm-sev-urgent { color: var(--cm-rust); border-color: currentColor; } .cm-sev-action { color: var(--cm-brass); border-color: currentColor; } .cm-sev-info { color: var(--cm-teal); border-color: currentColor; }
.cm-st-acknowledged { color: var(--cm-sage); } .cm-st-snoozed { border-style: dashed; } .cm-st-resolved { opacity: .7; }
.cm-md { display: grid; gap: 6px; font-size: .9rem; }
.cm-md p, .cm-md ul { margin: 0; } .cm-md ul { padding-left: 18px; }
.cm-md-h { font-weight: 700; color: var(--cm-brass); }
.cm-basis { margin-top: 6px; border-top: 1px solid var(--cm-line); padding-top: 6px; }
.cm-btable { width: 100%; border-collapse: collapse; font-size: .8rem; table-layout: fixed; }
.cm-btable th, .cm-btable td { text-align: left; padding: 4px 6px; border-bottom: 1px solid var(--cm-line); vertical-align: top; overflow-wrap: anywhere; }
.cm-btable thead th { font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: var(--cm-brass); }
.cm-btable tbody th { font-weight: 500; width: 45%; }
.cm-hist { margin-top: 12px; border-top: 1px solid var(--cm-line); padding-top: 8px; display: grid; gap: 6px; }
.cm-past summary { cursor: pointer; padding: 4px 0; }
.cm-scrim { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 16px; background: rgba(8,8,10,.62); }
.cm-dialog { width: min(480px, 100%); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 14px; border: 1px solid var(--cm-line); background: var(--panel-2, var(--panel, #1a1814)); padding: 16px; display: grid; gap: 12px; }
.cm-dlg-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; border-bottom: 1px solid var(--cm-line); padding-bottom: 8px; }
.cm-dlg-head h2 { margin: 0; font-size: 1.15rem; flex: 1 1 auto; }
.cm-form { display: grid; gap: 10px; } .cm-form p { margin: 0; }
.cm-dlg-foot { justify-content: flex-end; border-top: 1px solid var(--cm-line); padding-top: 10px; }
.cm-empty { display: grid; gap: 4px; justify-items: start; padding: 14px 4px; }
.cm-neutral h1 { font-size: 1.3rem; }
@media (max-width: 960px) { .cm-split { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) {
  .cm-tally { width: 100%; } .cm-t { flex: 1 1 0; min-width: 0; }
  .cm-field { flex-basis: 100%; }
  .cm-actions .btn { min-height: 40px; }
  .cm-scrim { padding: 0; align-items: end; }
  .cm-dialog { width: 100%; max-height: 92dvh; border-radius: 14px 14px 0 0; }
}
.cm-complete-basis pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }
@media (prefers-reduced-motion: no-preference) { .cm-dialog { animation: cm-rise .18s ease-out; } @keyframes cm-rise { from { transform: translateY(8px); opacity: 0; } to { transform: none; opacity: 1; } } }