/* State glyphs are drawn in the widget's inherited foreground colour, so state
   colours are set here as plain `color` and the drawing code stays
   theme-agnostic. The colour is set on the chip, so the dot and its label read
   as one object. */

.ccs-panel-box {
    spacing: 10px;
    /* Small gap so the chips read as a separate group from the clock rather
       than as part of it. */
    margin-left: 12px;
}

.ccs-chip {
    spacing: 4px;
}

.ccs-chip-label {
    font-size: 0.9em;
    font-weight: bold;
    /* Tabular figures keep a chip that gains a digit ("ds" -> "ds2") from
       nudging every chip after it sideways. */
    font-feature-settings: "tnum";
}

.ccs-chip-age {
    font-size: 0.85em;
    opacity: 0.7;
    font-feature-settings: "tnum";
}

.ccs-blocked {
    color: #e01b24;
}

.ccs-waiting {
    color: #e5a50a;
}

.ccs-busy {
    color: #33d17a;
}

/* Idle keeps the panel's own colour and just recedes: a session nobody is
   waiting on should not compete with the ones that need an answer. */
.ccs-idle {
    opacity: 0.55;
}

.ccs-summary {
    font-weight: bold;
}

.ccs-row {
    spacing: 8px;
}

.ccs-row-title {
    font-weight: bold;
}

.ccs-row-age {
    font-feature-settings: "tnum";
    opacity: 0.7;
}

.ccs-row-subtitle {
    font-size: 0.85em;
    opacity: 0.65;
    max-width: 460px;
}