/* /content-calendar-builder only: the month grid. Scoped under #ccbApp. */
#ccbApp .ccb-month { margin: 14px 0 18px; }
#ccbApp .ccb-month h4 { margin: 0 0 8px; font-size: 1rem; }
#ccbApp .ccb-grid { width: 100%; table-layout: fixed; border-collapse: collapse; }
#ccbApp .ccb-grid th { font-size: .72rem; font-weight: 600; padding: 4px 2px; text-align: left; color: var(--bm-muted, inherit); }
#ccbApp .ccb-grid td { vertical-align: top; border: 1px solid var(--bm-line); height: 64px; padding: 3px; min-width: 0; }
#ccbApp .ccb-grid td.is-out { background: var(--bm-line-2); }
#ccbApp .ccb-grid td.is-over { box-shadow: inset 0 0 0 2px var(--bm-warn, #b7791f); }
#ccbApp .ccb-d { font-size: .72rem; font-weight: 600; display: block; }
#ccbApp .ccb-chip { display: block; font-size: .68rem; line-height: 1.25; margin-top: 2px; padding: 1px 4px; border-radius: 4px; background: var(--bm-accent-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ccbApp .ccb-chip.tone-1 { background: var(--bm-line-2); }
@media (max-width: 520px) {
    #ccbApp .ccb-grid td { height: 44px; padding: 2px; }
    #ccbApp .ccb-chip { font-size: 0; height: 6px; padding: 0; margin-top: 2px; }
}
@media print { #ccbApp .ccb-grid td { height: auto; } }