/* The panel stays monochrome: every glyph is drawn in the panel's own text
   colour, so it follows the theme instead of fighting it, and the shell's
   accent colours keep meaning what they mean. State is carried by shape, which
   also survives a monochrome theme and colour vision deficiency. */

.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;
}

/* Glyph is drawn in code (St.DrawingArea) using the panel text colour. */
.ccs-dot {
    width: 14px;
    height: 14px;
}

.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-overflow {
    font-size: 0.9em;
    opacity: 0.7;
    font-feature-settings: "tnum";
}

.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;
}