/* CRM 3.0.0-alpha10 VISUAL SYSTEM R2-R2-FIX10
   Unified calendar multi-digit badge geometry. */
:root { --crm-fix10-runtime-revision: '3.0.0-alpha10-visual-system-r2-r2-fix12-r1'; }

.crm-visual-r2.crm-visual-r2-r2 #taskCalendar .day-type-counts {
  display: flex !important;
  flex-wrap: wrap !important;
  grid-template-columns: none !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  gap: 3px !important;
}

.crm-visual-r2.crm-visual-r2-r2 #taskCalendar .day-type-count {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 22px !important;
  padding: 2px 5px !important;
  gap: 3px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.crm-visual-r2.crm-visual-r2-r2 #taskCalendar .day-type-count .day-type-icon {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  flex: 0 0 13px !important;
}

.crm-visual-r2.crm-visual-r2-r2 #taskCalendar .day-type-count > b {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 760px) {
  .crm-visual-r2.crm-visual-r2-r2 #taskCalendar .day-type-count {
    height: 21px !important;
    padding-inline: 4px !important;
    gap: 2px !important;
  }
}