/* Feature chip buttons (button_chips / project_chips macros).
   Loaded globally from base.html: the chips render on the project view page and
   on standalone overview pages (Procore, access control, time tracking, company
   settings, equipment inspection log catalog, ...), so the rules must not be
   scoped to a single page wrapper. Depends on the :root tokens in base.css. */

.sc-project-view__chips {
  padding-left: 0;
  padding-right: 0;
}

.sc-project-chip-btn {
  align-items: center;
  background: var(--sc-white-normal);
  border: 1px solid var(--sc-table-border);
  border-radius: 10px;
  color: var(--sc-brand-blue);
  display: flex;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  min-height: 48px;
  padding: 12px 16px;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.sc-project-chip-btn:hover {
  background: var(--sc-table-header-bg);
  border-color: rgb(12 10 62 / 0.35);
  color: var(--sc-brand-blue);
  text-decoration: none;
}

.sc-project-chip-btn--disabled {
  background: #f3f4f6;
  border-color: var(--sc-table-divider);
  color: rgb(12 10 62 / 0.45);
  cursor: not-allowed;
  display: flex;
}

.sc-project-chip-btn__icon svg {
  fill: currentColor;
}