/*
 * TPL Command Centre - styles.
 *
 * Token block first; every colour below references a token (no raw hex past
 * this block). The accent chains to the shared TPL accent when present. The
 * surface is built almost entirely from native RISE classes (badge, appTable,
 * card) - these rules only add the code chip and the stage badge palette so
 * the enriched columns read consistently with the rest of the suite.
 */

:root {
    --tplcmd-accent:  var(--tpl-accent, #FF7707);
    --tplcmd-ink:     #33383e;
    --tplcmd-well:    #f6f8fa;
    --tplcmd-line:    #e4e8ec;
    --tplcmd-stage0:  #8a949e;
    --tplcmd-stage1:  #4a7dff;
    --tplcmd-stage2:  #4a7dff;
    --tplcmd-stage3:  #f7b924;
    --tplcmd-stage4:  #f7931e;
    --tplcmd-stage5:  #e02020;
}

/* Account reference code chip */
.tpl-cc-code {
    display: inline-block;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--tplcmd-accent);
    background: var(--tplcmd-well);
    border: 1px solid var(--tplcmd-line);
    border-radius: 3px;
    padding: 1px 7px;
}

/* Chase-stage badges (same palette as Credit Control) */
.badge.tpl-cc-stage-0 { background: var(--tplcmd-stage0); color: #fff; }
.badge.tpl-cc-stage-1 { background: var(--tplcmd-stage1); color: #fff; }
.badge.tpl-cc-stage-2 { background: var(--tplcmd-stage2); color: #fff; }
.badge.tpl-cc-stage-3 { background: var(--tplcmd-stage3); color: #fff; }
.badge.tpl-cc-stage-4 { background: var(--tplcmd-stage4); color: #fff; }
.badge.tpl-cc-stage-5 { background: var(--tplcmd-stage5); color: #fff; }

.tpl-cc-client-link {
    font-weight: 600;
}