.crm-container td {
    border-left: var(--crm-table-row-border);
}

.nook-table-col.bubble {
  display: inline-block;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  border: 1px solid var(--crm-c-primary);
  i {
    margin-right: 0.75rem;
  }
}
.nook-table-col.none-selected {
    background-color: var(--nook-grey-dark);
    border: none;
}

.nook-table-col.nook-urgency {
  border: none;
}

.crm-search-display th.crm-sortable-col {
    --crm-table-padding: 0.5rem 1rem 0.5rem 1.25rem;
}
/*
TODO: match colors configured in the option group

this will require EITHER generating these class styles dynamically OR
adding the actual color property with an inline style (custom column component)
*/
.nook-urgency {
    --nook-icon-color: var(--nook-c-urgency-none);
}
.nook-urgency.urgency__Low {
    --nook-icon-color: var(--nook-c-urgency-low);
}
.nook-urgency.urgency__Medium {
    --nook-icon-color: var(--nook-c-urgency-medium);
}
.nook-urgency.urgency__High {
    --nook-icon-color: var(--nook-c-urgency-high);
}