.row-actions {
  display: flex;
  justify-content: flex-end;
  gap: 2px;
}

.crud-icon-button {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
}

.crud-icon-button:hover,
.crud-icon-button.is-primary {
  background: var(--panel-soft);
  color: var(--primary);
}

.notion-add-row {
  min-height: 42px;
  display: flex;
  gap: 8px;
  align-items: center;
  border: 0;
  padding: 8px 10px;
  background: transparent;
  color: var(--muted);
  font-weight: 800;
  text-align: left;
}

.notion-add-row:hover {
  background: #f8faf9;
  color: var(--primary);
}

.crud-icon,
.nav-admin,
.nav-workspace,
.nav-salon,
  .nav-users,
  .nav-services,
  .nav-schedules,
  .nav-tags {
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.crud-icon {
  width: 17px;
  height: 17px;
  display: inline-block;
  background: currentColor;
}

.crud-add { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' stroke='black' stroke-width='2.4' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.crud-save { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E"); }
.crud-edit { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5l6 6M4 20l4.5-1 10-10a2.1 2.1 0 0 0-3-3l-10 10L4 20Z'/%3E%3C/svg%3E"); }
.crud-cancel { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' stroke='black' stroke-width='2.3' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E"); }
.crud-delete { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7h14M10 11v6M14 11v6M8 7l1-3h6l1 3M7 7l1 14h8l1-14'/%3E%3C/svg%3E"); }
.crud-reset { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12a7 7 0 1 0 2-5M5 4v5h5M12 9v4l3 2'/%3E%3C/svg%3E"); }
.crud-users { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Cpath d='M3 20c1-3 2.8-4.5 5-4.5S12 17 13 20'/%3E%3Ccircle cx='17' cy='9' r='2.4'/%3E%3Cpath d='M15 15.5c2.5.3 4.3 1.8 5 4.5'/%3E%3C/svg%3E"); }
.nav-admin { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3l7 3v5c0 4.5-2.8 8-7 10-4.2-2-7-5.5-7-10V6l7-3Z'/%3E%3Cpath d='M9 12l2 2 4-5'/%3E%3C/svg%3E"); }
.nav-workspace { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6h16M4 12h10M4 18h16'/%3E%3C/svg%3E"); }
.nav-salon { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20V9l8-5 8 5v11'/%3E%3Cpath d='M9 20v-7h6v7M8 10h.01M16 10h.01'/%3E%3C/svg%3E"); }
.nav-users { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Cpath d='M3 20c1-3 2.8-4.5 5-4.5S12 17 13 20'/%3E%3Ccircle cx='16.5' cy='9' r='2.5'/%3E%3Cpath d='M15 15.5c2.4.2 4.2 1.7 5 4.5'/%3E%3C/svg%3E"); }
.nav-services { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14'/%3E%3Ccircle cx='8' cy='7' r='2'/%3E%3Ccircle cx='14' cy='12' r='2'/%3E%3Ccircle cx='10' cy='17' r='2'/%3E%3C/svg%3E"); }
.nav-schedules { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='5' width='16' height='15' rx='2.5'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16M8 14h3M8 17h6'/%3E%3C/svg%3E"); }
.nav-tags { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.5V4h3.5L20 16.5 16.5 20 4 7.5Z'/%3E%3Ccircle cx='7.4' cy='7.4' r='1.2'/%3E%3Cpath d='M13 7l4 4M11 9l4 4'/%3E%3C/svg%3E"); }